배경 이미지가 'tr'이고 'th'에이 열이 정렬되어 있으면 오른쪽 모서리에 이미지를 표시하고 싶습니다. 나는 다음과 같이 CSS 스타일이 있습니다tr 및 th가있는 배경 이미지
tr.header {
background-image: url(../Images/bg.gif);
background-repeat: repeat-x;
}
th.sort {
background-repeat: no-repeat;
background-position: center right;
background-image: url(../Images/sort_bg.gif);
}
이 IE8과 firefox3에 잘 작동, IE7에서는 그렇지 않습니다.
누구나 IE7에서 작동하도록하는 방법에 대한 아이디어가 있습니까? 페이지의 상단에이 문서 타입을 추가
시도 :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
시도했지만 아무런 차이가 없었습니다. –
은 두 클래스가 작동하지 않습니다하거나 클래스 중 하나가 작동하지?
.header {background : url (../ Images/bg.gif) repeat-x; } .sort {background : url (../ Images/sort_bg.gif) no-repeat right; }/* 중간에 기본합니다 */
...IE7에서는 작동하지 않기 때문에 sort_bg.gif를 bg.gif 위에 놓고 싶습니다. 하지만 IE7에서는 bg.gif가 sort_bg.gif로 바뀌 었습니다. 즉, tr은 백그라운드 이미지를 잃어 버렸습니다. –
이, 그러나 당신이 '일 배경 이미지 CSS'에 대한 검색 구글의 상단에 방법 오래된 온다, 그래서 그것의 여기서 답을 얻을만한 가치가 있습니다.
http://www.w3schools.com/cssref/pr_background-image.asp
:
난 당신이 IE7에서 하나의 요소에 여러 BG 이미지 운 생각 "참고 :. IE8 및 이전 하나 개의 요소에 여러 개의 배경 이미지를 지원하지 않습니다"
IE8에서 왜 당신을 위해 일했는지 확실하지 않습니다.
실제로 솔루션을 제안한다면 게시하겠습니다.
스크린 샷을 받으셨습니까? – waqasahmed
스크린 샷 ... 또는 링크? –