파폭, 크롬, 사파리 오류~
족장
백그라운드로 이미지를 깔고 그위에 글씨를 쓰려는데 파폭,크롬, 사파리에서만 글씨가 안먹히네요~ie에서는 잘나옵니당
빨간부분이 문제가 되는부분이구요. 빨간부분에서 h3의 글씨가 안나오는거예요.,
회색부분 소스를 다지우고 빨간부분만 하면 나와요~ 그니까 회색부분에서 문제가있는거같은데 찾지를 못하곘네요~
부탁드립니당~
제 소스는--------------html
div class=online_con
pimg src=/2009/images/campus/cam_h1_text.gif width=111 height=15 alt=우수강의 //p
pimg src=/2009/images/campus/cam_h1_img.gif width=659 height=205 alt=우수강의 //p
ul class=cont_vision
li class=vision01span동영상 콘텐츠의 한계인/span/li
li class=vision02span학습자가 함께 출연하여/span/li
li class=vision03span능동적인 학습자 참여/span/li
li class=vision04span다양한 사례를/span/li
/ul
div class=cont_view01
h3누구나 알아야 할 회계의 이해/h3
/div
/div
___________________________________css
.cont_wrap .online_con { margin: 26px 0 0 0; padding: 0; *zoom:1; }
.online_con:after { content:; display: block; clear: both; }
.cont_wrap .online_con p { margin: 0; padding: 0; }
.cont_wrap .online_con .cont_viston {
position:relative;
list-style:none;
margin: 20px 0 0 0;
padding:0;
width:660px;
height: 175px;
padding:0 0 0 15px;
background:url(/2009/images/campus/cam_vision_text01.gif) no-repeat; }
.cont_wrap .online_con .cont_visiton li { position: relative; }
.cont_wrap .online_con li span { position:relative; }
.cont_wrap .online_con .cont_visiton li.vision01 span { width: 660px; }
.cont_wrap .online_con .cont_visiton li.vision02 span { width: 660px; }
.cont_wrap .online_con .cont_visiton li.vision03 span { width: 660px; }
.cont_wrap .online_con .cont_visiton li.vision04 span { width: 660px; }
.cont_wrap .online_con li span { position:absolute; z-index:-1; visibility:hidden; }
.cont_wrap .online_con .cont_view01 { width: 659px; height: 417px; margin: 26px 0 0 0; padding: 0; background: url(/2009/images/campus/cam_cont_bg_01.gif) no-repeat; }
.cont_wrap .online_con .cont_view01 h3 { font: 16px dotum,돋움; color: #000; font-weight: bold; margin: 18px 0 0 50px; padding: 0; letter-spacing: -1px; }
-
감춰왔던
h4로 바꾸니까 글씨가 나오긴하는데 ie제외하고 css가 안먹히네요~;;;당췌 무슨이유인지.,,,,,,
-
글고운
그러네욤 수정했어요~^^ㄳ
-
매디
이건 질문과 상관없는 답이지만 중복이네요.
.cont_wrap .online_con li span { position:relative; }
.cont_wrap .online_con li span { position:absolute; z-index:-1; visibility:hidden; }