网络编程
位置:首页>> 网络编程>> 网页设计>> IE不支持border-spacing的解决办法

IE不支持border-spacing的解决办法

 来源:asp之家 发布时间:2009-04-28 13:11:00 

标签:ie,方法,css,table

看到别人用td和table标签模拟的办法:
      设置table的上、左padding值为这个间距值
      设置td的右、下margin值为这个间距值

上面的方法有点麻烦,利用IE浏览器中CSS支持的JavaScript脚本的特性

可以在CSS中用JavaScript修改该table的cellSpacing属性值,可以达到预期效果:

table{
    border:1px #003366 solid;
    margin-left:auto;
    margin-right:auto;
    width:400px;
    border-collapse:separate;
    *border-spacing:expression(this.cellSpacing="10px");
    border-spacing:10px;
}

以上代码就可以兼容IE、FF、Opera了

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com