background-image: кнопка URL сломана в Chrome

Мои кнопки прекрасно работают в IE 9, Firfox 8.0.1, но в Chrome это последнее, но не сегодняшнее (я говорю это, потому что я только что загрузил и протестировал Chrome, и он отлично работает) или IE8.background-image: кнопка URL сломана в Chrome

.descbutton 
{ 
    background-image:url('../images8/arrow-down4.jpg'); 
    background-repeat:no-repeat; 
    height:20px; 
    width:20px; 
    float:right; 
    border:none; 
}

Мой QA сломал мои кнопки, и у меня нет идеи, как это исправить. Они показывают границу; которых они не должны, и изображение было пустым. После обширного поиска я прошу вас, галы и джентльмены за помощь, пожалуйста.

Также подумал, что я должен включить код, который вложен внутри.

.infoTable2 { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 10px; 
    color: #000000; 
    background-color: #FFFFFF; 
    text-align: left; 
    vertical-align: top; 
    padding-top: 5px; 
    padding-right: 5px; 
    padding-bottom: 0px; 
    padding-left: 5px; 
    border-bottom-width: 3px; 
    border-bottom-style: solid; 
    border-bottom-color: #FFFFFF; 
} 

<td width="120" class= "infoTable2">

источник

2011-12-15 Steve Paul

немой вопрос, но в вашем html вы говорите ему использовать правильный класс? – Joe

любой вопрос хороший Joe. Но ответ - да. –

Я попробовал

и .wrapper {clear: both;}, но не знаю, работает ли это до тех пор, пока QA не вернется ко мне. –

У меня была такая же проблема, и я ее отсортировал. Надеюсь, у вас такой же случай.

Проверьте, есть ли что-то, что кнопка наследует атрибут стиля appearance или любой из конкретных вариантов -webkit-appearance, -moz-appearance.

У меня было appearance:button;, и это предотвратило отображение фоновых изображений на моих кнопках.

источник

2012-09-05 15:24:47 gumroler

background-image: кнопка URL сломана в Chrome

ответ

Смежные вопросы