您现在的位置:首页 >> 前端 >> 内容

HTML兼容问题小结

时间:2016/4/30 9:11:50 点击:

  核心提示:标准浏览器子元素不会撑开父元素设置好的宽度,IE6下会的;     左侧右侧    IE6下,最小高度为19px;解决办法:overflow:hidden;IE 6下,1px dotted #000不...

  标准浏览器子元素不会撑开父元素设置好的宽度,IE6下会的;

  

HTML兼容问题小结

 

  左侧右侧

HTML兼容问题小结

 

  

HTML兼容问题小结
IE6下,最小高度为19px;解决办法:overflow:hidden;IE 6下,1px dotted #000不支持,解决办法:切背景平铺;

 

  

HTML兼容问题小结

 

  1

  2

  3

  4

  /*在IE6,7下,li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙 解决办法: 1.给li加浮动,还需要加宽度width:300px; 2.给li加vertical-align,,,,,当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动*/

  

HTML兼容问题小结

 

  9.

  10. IE6下的文字溢出BUG

  ↓leo是个大胖子

HTML兼容问题小结

 

  11.

  

HTML兼容问题小结

 

  12.

  

HTML兼容问题小结

 

  13.

  14.透明度;opacity:0~1;filter:alpha(opacity=0~100);

  15.

  

HTML兼容问题小结

 

  16.css hack不建议使用

  

HTML兼容问题小结

 

  17. !important 提升优先级

  

HTML兼容问题小结

 

  18.圣杯布局:左右宽度固定,中间宽度自适应伸缩,并且中间先加载

  style>

  body{margin:0;}

  .center{height:600px;background:#f60;margin:0 200px;}

  .left{width:200px;background:#fc0;height:600px; position:absolute;left:0;top:0;}

  .right{width:200px;background:#fcc;height:600px;position:absolute;right:0;top:0;}

  等高布局:

  

HTML兼容问题小结

 

  19.img外部的border

  产生条件:img外部有a标签,即img标签有链接时

  解决办法:设置img边框border:0;

  20.图片默认有边距

  产生条件:img标签(每个img之后敲了回车)

  解决办法:为img设置float的浮动布局方式。

Tags:HT TM ML L兼 
作者:网络 来源:魂的专栏