2013-05-28 3 views
-1

Я добавил некоторый код html на веб-страницу, чтобы выделить фон. Мне пришлось изменить код, чтобы он работал на всех браузерах, и теперь я его сломал, может кто-нибудь, пожалуйста, посоветуйте, где я ошибаюсь?Код HTML - Фоновое изображение

<tr style= 
"background-color: #114e64; 
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64)); 
background-image: -webkit-linear-gradient(#197192,#114e64); 
background-image: -moz-linear-gradient(#197192,#114e64); 
background-image: -o-linear-gradient(#197192,#114e64); 
background-image: linear-gradient(#197192,#114e64);" 
height="45"> 
</tr> 

Благодаря

+1

Разбито каким образом? Браузер сломался, страница сломалась? компьютер сломался? : O http://jsfiddle.net/2Gw9s/ –

+0

Выглядит хорошо для меня >> http://jsfiddle.net/7zJBC/ –

ответ

1

Этот код прекрасно работает для меня. Не забудьте добавить тег td, чтобы сделать вашу ячейку таблицы видимой. Взгляните на этот jsFiddle с кодом: http://jsfiddle.net/2c8U4/

<table> 
<tr style= 
"background-color: #114e64; 
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64)); 
background-image: -webkit-linear-gradient(#197192,#114e64); 
background-image: -moz-linear-gradient(#197192,#114e64); 
background-image: -o-linear-gradient(#197192,#114e64); 
background-image: linear-gradient(#197192,#114e64);" 
height="45"> 
    <td> 
     Test object 
    </td> 
</tr> 
</table> 
-1

В случаях, как это сделать использовать W3C CSS Validatation Service

Преобразование образца на что-то вроде этого, чтобы выследить ошибку:

tr {background-color: #114e64; 
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, 
color-stop(0%, #197192), 
color-stop(100%, #114e64)); 
background-image: -webkit-linear-gradient(#197192, #114e64); 
background-image: -moz-linear-gradient(#197192, #114e64); 
background-image: -o-linear-gradient(#197192, #114e64); 
background-image: linear-gradient(#197192, #114e64); 
} 

После этого вы можете преобразовать его обратно в атрибут стиля для тега HTML под рукой.

+0

Код OP правильный, я думаю. Он успешно выполняет валидатор (за исключением, конечно, предупреждающих сообщений для расширения поставщика). – Arkana

+0

Мое намерение - не раздавать рыбу, а инструмент, чтобы поймать ее. Если это заслуживает понижения, то пусть будет так. – stackunderflow

0

вы должны использовать тег < td> (столбец таблицы), чтобы заставить его работать.

<table> 
<tr> 
<td style="background-color:#114e64; 
background-image: -webkit-gradient(linear,0% 0%, 0% 100%, color-stop(0%, #197192), color-stop(100%, #114e64)); 
background-image: -webkit-linear-gradient(#197192,#114e64); 
background-image: -moz-linear-gradient(#197192,#114e64); 
background-image: -o-linear-gradient(#197192,#114e64); 
background-image: linear-gradient(#197192,#114e64);" 
height="45"> 
</tr> 
</table> 
Смежные вопросы