2013-05-28 2 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

내 의도는 물고기를 건네주는 것이 아니라 오히려 그것을 잡으려고하는 도구였다. 그게 downvote받을 가치가 있다면, 그럼. – 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>