파폭에서는 백그라운드 이미지가 안뜨나요?
보라나
아래소스 중에서
.bluebox div.a1 {position：absolute; top:-3px; left:-1px; background:url(images/r_tl.gif) no-repeat bottom left; width:100%;}
.bluebox div.a2 {position：absolute; bottom:-1px; right:-1px; background:url(images/r_br.gif) no-repeat bottom right; width:100%;}
이부분은 IE에서는 스타일로 불러온 백그라운드 이미지가 보이는데 파폭에서는 안뿌려지네요.
파이어폭스에서는 원래 안먹나요?
style type=text/css
.warp {width:500px; background-color:#d1d2d3; padding:20px 15px 15px 15px;}
.warp h1 {text-align:right;}
.bluebox {border:1px solid #0c1d83; background:#ffffff; position:relative;}
.bluebox div.a1 {position：absolute; top:-3px; left:-1px; background:url(images/r_tl.gif) no-repeat bottom left; width:100%;}
.bluebox div.a2 {position：absolute; bottom:-1px; right:-1px; background:url(images/r_br.gif) no-repeat bottom right; width:100%;}
/style
/head
body
div class=warp
h1img src=images/logo.gif //h1
div class=bluebox
div class=a1/div
div class=a2/div
코딩공부중...
/div
/div
/body
/html
-
가림새
height값이 없네요 높이가 없느데 보일리가~
-
도래솔
높이값을 주니 보입니다.
-
정예
잘보입니다.
-
개구리
쭌수다님 말씀도 맞지만, 사실 저 순서가 뒤바뀌어도 백그라운드는 제대로 나옵니다;;;
수다님이 올린 저 샘플 코딩에서 아래처럼
div class=\a1\dddddㅇㄹㅇㄹㅇㄹㅇㄹ/div
div class=\a2\ddddddㅇㄹㅇㄹㅇㄹㄹㅇㄹ/div
요렇게 텍스트를 중간에 삽입해보시면,
파이어폭스에서도 잘 나오는걸 확인해 보실수 있을겁니다.
파이어폭스에서 백그라운드가 안나오는 일이 있겠습니까?;;; 명색이 표준브라우저의 대명사인데요..
ie에서 오히려 보이