Question

我试图使用ie-css3.htc在IE6,7和8中获得圆角来源：http://fetchak.com/ie-css3/

这是css类：

.box {
   position: absolute;
   display: block;  

background:  url(images/img.gif) no-repeat top left;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

   height: 200px;
   width: 350px;

    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
  }

当我将它应用于div时，它可以工作（圆角）：

<div class="box" />

但是当我将它应用于图片标签时，它不起作用，

<img class="box" src="images/img.gif" />

有解决方法，因为我需要它才能用于图像标记。

Answer 1

它不起作用，因为在IE上，<img>的背景为img.gif。背景图像非常圆润。但由于它是一个<img>标签，它还有一个（方形）图像，在背景上显示。因此，即使你的背景是圆形的，里面的图像也不是。

为Internet Explorer IE6 +设置圆角（边框半径）

1 个答案: