如何让IE7,8支持CSS3圆角的方法

html-css014

如何让IE7,8支持CSS3圆角的方法,第1张

css3的border-radius在IE7和8是不兼容的,即无效,那么如果要IE8及以下版本的浏览器兼容圆角,只能用图片来实现。即做一张圆角效果的图片,然后通过这张图片来实现圆角效果。

四个角你设置的高度是8px

ie在你高度低于行高(line-height)的情况下,怕你会看不到文字,会强制将高度设置成行高的高度

解决方法就是将行高和字号设置到比你设置的高度还低,overflow:hidden纯属个人喜好

例:

#prighttop

{

width:8px

height:8px

line-height:0

font-size:0

overflow:hidden

position:absolute

right:-1px

top:-1px

background:url(bg.gif) no-repeat -2px -32px

}