Настройка закругленных углов (радиус границы) для Internet Explorer IE6 + - PullRequest
Новая
       4

Настройка закругленных углов (радиус границы) для Internet Explorer IE6 +

0 голосов
/ 15 декабря 2011

Я пытаюсь получить закругленные углы в IE6, 7 и 8, используя источник ie-css3.htc: 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 class="box" />

Но когда я применяю его к тегу изображения, это не работает, 

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

есть обходной путь для этого, потому чтоМне нужно, чтобы он работал, для тега изображения.

1 Ответ

1 голос
/ 15 декабря 2011

Это не работает, потому что в IE ваш <img> имеет фон img.gif. Фоновое изображение хорошо округлено. Но так как это тег <img>, в нем также есть (квадратное) изображение, отображаемое поверх фона. Так что даже если ваш фон закруглен, изображение внутри не так.

...