您的位置:首页 > 其它

ie 兼容性

2015-07-26 21:12 239 查看
网页在加载的时候,因为浏览器不同,会造成网页显示的效果不统一的情况。

兼容的问题主要存在与IE浏览器 以ie6、7、8为主

通常情况下可以用hack法来解决;

这之中会用到些符号:

\0:ie中只有ie8能之别

\9:ie6、7、8都识别

*:ie、6、7能识别

_:只能ie6识别

*+html.bb{}:只能IE7识别 (bb表示样式名)

发现的一些问题:在ie6、7、8中 border-radios画圆角的样式都不能用

ie6只有在a标签中才有伪类效果

ie6、7 的button标签好像不能设置背景 (我是用DIV做成按钮样子,然后让鼠标一上去时变成手指)

ie6、7中 用不了display:table (ul中的li标签 老老实实用float来解决。。。)

ie6中每个div(其中一个例子)会默认有间距,经常就需要为ie6单独改下位置

ul中的圆点在 谷歌浏览器中 不能随着内容文字的位置变动而动,只有用list-style-postion来移动,(在其他浏览器中就不用)

1.不同浏览器的标签默认的外补丁和内补丁不同。

处理方法:

*{

margin:0;

padding:0;

}

2、当设置两个div标签浮动后,出现了横向的margin,ie6显示的比设置的大。

处理方法:

display:inline;

3、设置标签高度小于10px,ie6/ie7,会显示本身浏览器的最小高度为10px;

处理方法:

overflow:hidden;

4、透明度的设置:

IE:

filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)

ff:

opacity:0.5;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: