table tr 设置border ie6.7无效

最新推荐文章于 2020-04-15 15:24:19 发布
最新推荐文章于 2020-04-15 15:24:19 发布
阅读量786 收藏
点赞数
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq8427003/article/details/17785083
版权
table tr 设置border ie6.7无效 
需要在td上设置
td{padding: 15px;border-collapse:collapse;border-bottom:solid 1px #e8e8e8;}


参考地址：

http://hi.baidu.com/fhyswallow/item/360e92af59dacb3a030a4d6a

8427003
关注
专栏目录
[IE兼容性] Table 之边框
oscar999的专栏
12-05 1万+
table 是HTML 中常用的标签。 但是在IE 8 以下的浏览器中会出现边框丢失的状况
给table的tr添加border-top时没有效果的解决方法
12-09
在网页设计中，我们经常需要对表格（table）进行样式设置，其中，为表格行（tr）添加边框（border）是一种常见的需求。然而，在实际操作中，有时你会发现为`<tr>`元素直接添加`border-top`属性并没有预期的效果，这...
IE中table的边框问题
王燕欣的博客
07-06 1256
出现的问题是因为在td、tr、table、tbody 的父元素增加了overflow：hidden这个属性所以去掉父元素的css 就会正常显示。
行内元素border-bottom在IE7下不生效
qq814374557的博客
07-17 1314
行内元素border-bottom在IE7下不生效今天同事让我解决一个问题，就是他设置的span里面直接加border-bottom在IE7下不生效，经过各种demo的书写。终于找到了原理和方法。
html解决table设置宽度无效的问题
01-21
如果对table设置table-layer:fixed样式后，发现表格中有一行合并过，其它没有合并的行的列宽会平均化，对列宽的设置会失效。 解决方法： 在tbody前面加 .detail { padding-bottom: 50px; margin-top
js正则匹配table tr
01-21
 <table u00a0border=1 width> <tr><th>title</th><th>title2</th></tr> <tr u00a0rs=”{id:\’section006\’}”><td>data1</td><td>data2  </tr> <tr><td>data1</td><td>data2</td></tr> </tab
table中给tr设置border-bottom无效
为天空着色
04-08 1万+
解决方法： 将tr所在table的css样式border-collapse设置为 collapse； 比如： table{border-collapse: collapse;} table tr{border-bottom:solid 1px #d0dee5;}
css学习笔记-border-image
程序猿的成长笔记
06-21 403
border-image据说是css3的一员大将。这个例子是从w3c school上学习到的(http://www.w3school.com.cn/cssref/pr_border-image.asp) 先上一个例子，我想达到如下的展示效果： 重点是在边框，边框的图形如下： 然后是代码部分： border-image测试 d
ie6 表格tr的border问题及解决办法
jiav_net的专栏
10-27 133
昨天晚上在家写了个表格，高高兴兴来公司准备用上。。。 结果悲剧了。。。。昨晚在家用的chrome，公司的是ie6.... 发现ie6不支持tr中的border属性，郁闷啊。。。 找了下资料，发现只能如此解决之： 在table里&lt;table style="border-collapse:collapse" cellspacing="0px" &gt; 然后在tr里&lt;td s...
关于边框在IE7中部分不显示的小结
zgf_along的专栏
06-27 4227
今天上午搞了很长时间的这个兼容问题   span{   height:0;} 开始不加span的话 td的后面的border样式 在IE7中会不显示...原理是用空格撑起来这个td 所以 border的样式 就可以显示了...  一点个人心得 希望对大家有所帮助...
【原创】tr上加删除线-且满足一个页面多表格
weixin_34289744的博客
11-28 1002
2019独角兽企业重金招聘Python工程师标准>>> ...
table中为tr设置border
风雨飘飘飘啊飘的博客
04-15 4605
在web开发过程中，我们有时候需要给tr一整行添加border，需要展示如下图的效果： 但是通过设置tr的border并没有什么作用，比如下面的代码这样。 tr{ border-top:0.01rem solid rgba(102,102,102,0.1); } 因为table中的tr并不是一个单一的边框，这个时候我们需要给table设置border-collapse属性，将一行表格设置成...
给tr设置border:1px solid不管用
热门推荐
NanGuo_XianSheng的博客
07-27 1万+
给tr设置border:1px solid不管用
ie7中遇到的两个问题offsetTop和tr的border
iteye_15462的博客
01-11 321
最近在项目遇到关于IE7的两个问题，一个是offsetTop一个是tr的边框   一. offsetTop   前段时间因项目需求需要计算表格到浏览器顶部的距离，以便在滚动的时候，固定表头，很自然的用到了offsetTop这个属性   dom结构如下  主要样式如下 body{ padding-top: 100px; background: lightgre...
table表格tr hover 设置渐变border不生效
最新发布
09-21
当在HTML的`<table>`元素中使用CSS `:hover`伪类设置渐变边框（border）时，可能会遇到某些情况导致效果不显示或者不生效。这通常有以下几个原因： 1. **浏览器兼容性**：一些较旧的浏览器可能不支持CSS3的渐变功能，尤其是关于边框的渐变。你可以尝试添加 `-webkit-`, `-moz-`, 或 `-o-` 前缀来提供对Webkit、Firefox等其他内核浏览器的支持。 ```css tr:hover { -webkit-border-image: linear-gradient(to right, color-stop(0%, #ff0000), color-stop(100%, #0000ff)) 1; border-image: linear-gradient(to right, color-stop(0%, #ff0000), color-stop(100%, #0000ff)) 1; } ``` 2. **CSS覆盖**：确认是否有其他样式冲突，检查是否存在更高的优先级规则或者`!important`声明覆盖了`:hover`的效果。可以删除不必要的优先级或使用`!important`谨慎地应用。 3. **定位问题**：如果`tr`元素内部还有嵌套的元素，如`td`或`th`，`:hover`可能只作用于这些直接子元素。需要明确地选择`tr`元素及其状态。 4. **透明度影响**：渐变边框可能因为背景颜色透明而难以识别。如果你的背景是透明的，试着给`tr`加一个浅色背景，以便更好地看到边框变化。 5. **实际效果查看**：最后确认一下样式是否应用到了预期的元素上。在开发者工具的“Elements”面板检查样式是否正确应用，并在浏览器的私有模式下测试，以排除缓存的影响。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值