표의 배경 이미지

Question

휴대 전화에 표시되는 표 셀에 배경 이미지를 적용하려고합니다. 이미지가 크기가 크기 때문에 다양한 화면 크기 (iphone, android 등)에 맞게 이미지를 조정해야합니다. 그래서 다음과 같이 CSS를 사용 :

TABLE TR{ 

background-image: url("../images/bg.png"); 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
height: 85px; 

} 

테이블이 TD있다 : (그들은 테이블 셀에 정보를 스타일링에 사용되는 나는이 두 TD를 변경할 수 없습니다)

TABLE .td1 { 

text-align: left; 

width: 80%; 
padding-top: 0px; 
padding-bottom: 33px; 

} 

TABLE .td2 { 
text-align: left; 
line-height: 14px; 
width: 9%; 
} 

다음을, 그것처럼 보이는, 배경 img 그냥 td1에서 휴식과 td2에서 다시 peat :

내 질문은 어떻게 CSS를 조정하고 전체 TR 셀 td1에서 휴식없이 배경 이미지를 만드는 것입니다? 아래

내가 거기에 이미지를 업로드하는 방법을 모른다, 바이올린 코드입니다. 이것은 내 HTML 코드의 구조입니다. HTML CODE

Answer 1

테이블을 사용해야합니까 (HTML 이메일인가요?) div 레이아웃 만 사용할 수 있습니까? TABLE을 사용해야하는 경우 코드에서 CSS를 다음과 같이 변경하십시오.

tr {display: block;} 
td {display: inline-block; background: transparent;}