网络编程
位置:首页>> 网络编程>> 网页设计>> ie和火狐兼容问题(5)

ie和火狐兼容问题(5)

作者:周枫 来源:博客园 发布时间:2010-07-02 12:50:00 

标签:火狐,兼容,ie

21.ie下面显示在文字下面横线的

border-width: 0px 0px 1px 0px;在ff里面跑到文字上面去了。(查了手册还是没有找到解决的办法感觉莫名奇妙~~ 原来是ff的容错能力太差了,是下面的width: 186px;height: 0px;宽高 引起的,其实a:haver已经继承了上级的属性了,只要定义不同的样式就可以了,看来ff有助于制作标准化,简洁化的网页啊,对css的理解也更深刻,对提供css来说是个很好的帮助)


.onelinksdiv a:hover {
display: block;border-style: solid;color: #ff0000;border-width: 0px 0px 1px 0px;
/*
display: block;border-style: solid; border-width: 0px 0px 1px 0px; width: 186px;height: 0px; color: #ff0000; font-size: 14px;text-align: right;
*/
}

//下面的写法在ie下面正常,但在ff下是错误的

.onelinksdiv a:hover {
display: block;border: #ff0000 solid; border-width: 0px 0px 1px 0px;
width: 186px;height: 0px; color: #ff0000; font-size: 14px;text-align: right;
}


相关参考资料:


border-width:border-top-width border-right-width border-bottom-width border-left-width; p#fourborders
{
border-width:thick medium thin 12px;
}


如果定义四个值,那么这四个值就分别是上,右,下,左边框的宽度值(从上边框开始,以逆时针的顺序遍历).

等价于下面的定义


p#fourborders
{
border-top-width:thick;
border-right-width:medium;
border-bottom-width:thin;
border-left-width:12px;
}


22.ff不支持<body scroll="no" > scroll属性

必须定义overflow:hidden;而且要在html标签下,不能在 body下


html{
overflow:hidden;
}


 

0
投稿

猜你喜欢

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