怎么解决css3圆角兼容IE6问题

html-css014

怎么解决css3圆角兼容IE6问题,第1张

IE浏览器都出到IE11了,没想到还有人用IE6。现在人都是考虑IE9兼容问题。

<html>

<head>

<style>

ul{

width:100%

border:3px solid #888

-webkit-border-radius:30px/*表示以-webkit-核的浏览器*/

-o-border-radius:30px/*-o-表示以-o-核的浏览器*/

border-radius:30px/*没有前缀表示默认浏览器*/

border-radius:30px

padding:3px

color:#ff88dd

text-align:center

}

</style>

<body>

<ul>圆角</ul>

</body>

</html>

IE6不仅不支持css3,还不支持PNG格式透明图片。如果你要做图片变圆形的这种效果,可以做一个正方形,把中间做成圆形的透明,然后,保存两中格式,一种为PNG,另外一种给IE6的做透明的gif格式。写样式的时候主流的就写background:url(路径/图片.png)IE6就写_background:url(路径/图片.gif);最后用绝对定位定到图片上面就ok啦。

这个不行的,只能使用图片

一般前端开发,我们推荐分级支持浏览器的。

就是如果用户使用高级浏览器我们给他们呈现比较好的效果。

但是如果用户使用古老的浏览器,那么对不起 你们只能看基本的效果。