标签:
网页在加载的时候,因为浏览器不同,会造成网页显示的效果不统一的情况。
兼容的问题主要存在与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;
标签:
原文地址:http://www.cnblogs.com/bellow/p/4678721.html