不同IE版本border-style有差异，怎么兼容？？

非知不说 2011-11-11 01:38:45

<tr>

							<td width="180px" style="border-style: none none none none;" align="right">

								发布日期：<bean:write name="newsDetailForm" property="strPublicDate" />

							</td>

                            <td width="5px" style="border-top: 0x;border-bottom: 0px;border-left: 0px;"></td>

						</tr>

...全文

90 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

kwdpx 2011-11-16

打赏
举报

回复

弄一个js判断

本文深入探讨了borderbox模型中的border-width特性，解释了为何它不支持百分比，并介绍了border-style的各种类型及其兼容性差异。此外，还分享了透明边框在解决布局问题和绘制图形方面的巧妙应用。

本文总结了IE8浏览器在CSS和JavaScript方面的兼容性问题，包括对width和height参数的要求、border-style的效果、无序列表的距离变化等。同时对比了IE8与IE6、IE7之间的差异。

本文详细介绍了CSS边框的各种属性和技巧，包括border-width、border-style、border-color的使用，以及如何利用边框创建特殊图形。例如，通过透明边框实现背景定位、增加点击区域，以及绘制三角形和梯形。此外，还讨论了border在等高布局中的应用，展示了如何利用border-left创建等高布局，但这种方法存在不支持百分比和布局限制的缺点。

本文探讨了CSS中border:none与border:0的区别，包括它们在性能和兼容性方面的表现，并讨论了不同浏览器下margin和padding的差异及IE6中微型高度设置的问题。

本文详解border-style: dashed在小尺寸或高缩放下呈现为实线的根本原因：浏览器对虚线dash/gap长度存在≥1px的最小渲染限制，当border-width=1px时被强制取整导致视觉融合。提出解决方案包括提升border-width至≥2px、改用border-image或CSS渐变模拟，并指出其缺乏dash/gap自定义能力及跨浏览器表现差异，适用于中大型容器边框设计。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章