目前比较全面的浏览器CSS BUG兼容汇总

2020-05-10 11:44:24易采站长站整理

二.属性的优先级问题 ID 的优先级要高于class,看上面的例子
三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.
15. LI中内容超过长度后以省略号显示的方法 
此方法适用与IE与OP浏览器 
<style type="text/css"> 
<!–
li {
width:200px;
white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis; 
overflow: hidden;     

–> 
</style>
16.为什么web标准中IE无法设置滚动条颜色了
解决办法是
将body换成html 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
<!– 
html {      
scrollbar-face-color:#f6f6f6;      
scrollbar-highlight-color:#fff;     
scrollbar-shadow-color:#eeeeee;     
scrollbar-3dlight-color:#eeeeee;      
scrollbar-arrow-color:#000;      
scrollbar-track-color:#fff;      
scrollbar-darkshadow-color:#fff;      

–> 
</style>
17.为什么无法定义1px左右高度的容器
IE6下这个问题是因为默认的行高造成的,
解决的方法也有很多
例如:overflow:hidden | zoom:0.08 | line-height:1px
18.怎么样才能让层显示在FLASH之上呢
解决的办法是给FLASH设置透明 
<param name="wmode" value="transparent" />
19.怎样使一个层垂直居中于浏览器中
这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以2
<style type="text/css"> 
<!—
div 
{      
position:absolute;      
top:50%;      
lef:50%;      
margin:-100px 0 0 -100px;      
width:200px;      
height:200px;      
border:1px solid red;      

–> 
</style>