Mozilla 한국 커뮤니티

ff에서 코딩하는데 문제가 있습니다.

일단
<div style="background-image:url(/images/1111.gif);">dfasdfasfasdfasd<div>
이렇게 div 태그안에 스타일로 백그라운드를 불러오면 잘 나오는데요..


<link href="inc/main.css" rel="stylesheet" type="text/css" />
이렇게 css 파일을 따로 만들어서 불러오면 안되네요..ㅜㅜ

main.css 내용//
#aaa { background-image:url(/images/1111.gif); }

페이지에 적용//
<div id="aaa">
dfasdfasfasdfasd
</div>

대체 왜안되는 걸까요..ㅜㅜ

우선순위 문제인 것 같은데, 정확한 이유는 페이지를 봐야 알 수 있을 것 같습니다. URL을 알려주세요.

아... 해결 했습니다..
해결하고 보니까 엄청 황당하네요.. ㅜㅜ

css 파일 내용중에 주석처리로

<!-- 주석내용 --> 요것을 사용했는데요..

이거 지우니까 되더라구요
일단 되니까 좋긴한데 이해 안가는게 있네요..

css 내용/
<!-- top -->
#header_ci { text-align:left; padding:3px 0 0 0; }
#header_con { background-image:url(../images/common/top_bg.gif); background-repeat:repeat-x; }

<!-- left -->
#lbox1 { width:192px; background-image:url(/images/common/login_img_05.gif); padding:13px 0 0 0; text-align:center; }
#lbox_layout { width:168px; padding:0 0 12px 0; }

이렇게 있으면

<!-- left --> 주석 밑에 있던 #lbox1 <-- 요녀석이 안되더라구요.

만약에 주석을 잘못 쓴거라면
<!-- top --> 주석 밑에있는 녀석들도 안되야되는거 아닌가요? ㅋ;;

이해 안되네요..ㅡㅡ

주석처리가 잘못된것 같습니다.
마크업 내에서는 주석을 <!--주석--> 이런식으로 사용하는게 맞습니다.
하지만 스타일 시트 내에서는 /*주석*/ 이런식으로 사용합니다.
확실히 주석이 잘못되어서 문제가 발생하는것 같습니다.