1.border-radius 边框圆角
IE8及以下浏览器不支持border-radius
webkit引擎支持-webkit-borderradius 私有属性
mozilla Gecko引擎支持-moz-border-radius 私有属性
presto 引擎和IE9+ 支持border-radius 标准属性
2.display:inline-block
IE6、IE7不识别inline-block但可以触发块元素。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
1、首先设置inline-block触发块元素,具有了layout的特性,然后设置display:inline使块元素呈现内联元素,此时layout的特性不会消失。
2、直接设置display:inline,使用zoom:1触发layout。
兼容所有浏览器的方法是:
display:inline-block;*display:inline;*zoom:1;
3.a标签中的img图片有蓝色边框
只需要在的标签里写一个样式“border:none;”就可解决问题。
如:
时间: 2024-10-13 22:30:33