css т.е. ошибка без повтора

Question

У меня есть текстовое поле (GWT-виджет), в котором для создания закругленных углов используется фоновое изображение png.Это прекрасно работает во всех браузерах, кроме ie (ie7 и ie8), где оно повторяет изображение (хотя я использовал no-repeat), делая текстовое поле действительно уродливымКто-нибудь сталкивался с этой проблемой раньше?

 @sprite .textBoxVerySmall
  {
gwt-image: 'textBoxVerySmall';
border:0 none;
float:left;
overflow:hidden;
width:42px;
text-align:center;
background-repeat:no-repeat;
overflow:hidden;
position:relative;
 }

Answer 1

У меня была такая же проблема.Причиной была неправильная форма HTML.Я не заканчивал элементы div и block внутри встроенных элементов.После исправления фон был в порядке.

Проверьте правильность HTML.

Answer 2

С Jquery UI это так же просто, как добавить класс "ui-corner-all" к элементу, который вы хотите округлить. Нет изображений, которые можно испортить, очистить и изящно портить в "злых браузерах"

И, в качестве бонуса, поставляется с потрясающими виджетами «Календарь», «Вкладка», «Модал» и «Всплывающая подсказка», и это лишь некоторые из них.