CSS浏览器兼容问题集-第二部分

11.高度不适应高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin或paddign时。例：#box{background-color:#eee;}#boxp{margin-top:20px;margin-bottom:20px;text-align:center;}<divid="box"><p>p对象中的内容</p></div>解决方法：在P对象上下各加2个空的div对象CSS代码：.1{height:0px;overflow:hidden;}或者为DIV加上border属性。12.IE6下为什么图片下有空隙产生解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img为display:block或者设置vertical-align属性为vertical-align:top|bottom|middle|text-bottom 都可以解决.13.如何对齐文本与文本输入框加上vertical-align:middle;<styletype="text/css"><!--input{width:200px;height:30px;border:1pxsolidred;vertical-align:middle;}--></style>14.web标准中定义id与class有什么区别吗一.web标准中是不容许重复ID的,比如divid="aa"不容许重复2次,而class定义的是类,理论上可以无限重复,这样需要多次引用的定义便可以使用他.二.属性的优先级问题ID的优先级要高于class,看上面的例子三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.15.LI中内容超过长度后以省略号显示的方法此方法适用与IE与OP浏览器<styletype="text/css"><!--li{width:200px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}--></style>16.为什么web标准中IE无法设置滚动条颜色了解决办法是将body换成html<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><styletype="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:1px18.怎么样才能让层显示在Flash之上呢解决的办法是给FLASH设置透明<paramname="wmode"value="transparent"/>19.怎样使一个层垂直居中于浏览器中这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二<styletype="text/css"><!--div{position:absolute;top:50%;lef:50%;margin:-100px00-100px;width:200px;height:200px;border:1pxsolidred;}--></style>