Если в div впихнуть картинку и назначить ему width: Npx + height: Npx + overflow: hidden + border-radius: Npx, то если картинка выходит за рамки div'a, её обрежет, но края не округлит. В Хроме и Лисе всё работает.
На на этом, я не заканчиваю.
Если в таблице присвоить td border-radius: Npx, то тоже ничего не произойдёт.
Может вы знаете как решить эту проблему?
P.S. Если быть точнее, то я задаю в стилях border-radius вот так:
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
Это не баг. Вообще, картинки, вставленные при помощи <img src="">, не скругляются кроссбраузерно при помощи border-radius. Поэтому либо навешивать доп. картинки-скруглялки по углам, либо ставить фото в качестве бекграунда (что не есть гуд, так как это не бекграунд).Заметил такой баг в Опере.
В какой версии Оперы?Заметил такой баг в Опере.
Есть костыльные решения www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/opera/opera-img-radius.html
img округляет. Не округляет div в котором находится img.
В какой версии Оперы?Заметил такой баг в Опере.
Есть костыльные решения www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/opera/opera-img-radius.html