배경이미지가안먹는이유가뭘가요???
가지
#cate ul li{border-right:1px solid #d3cccc;width:198px;border-left:1px solid #d3cccc;height:34px;background:url(m_img/cate_bg.jpg) 0 0 no-repeat}
#cate ul li a{font-family:Dotum;font-size:12px;display:block;padding-left:10px;font-weight:bold;}
#cate ul li span{position:absolute;width:4px;height:9px;background:url(m_img/cate_btn1.jpg) 50% 100% no-repeat;left:182px;}
#cate ul li a:hover{color:#01acfe}
#cate ul li a:hover span{position:absolute;width:4px;height:9px;background:url(m_img/cate_btn2.jpg) 50% 100% no-repeat;left:182px}
배경이미지로 li 밑에 선이랑 span에 오른쪽화살표이미지 넣었는데 나오질 않네요..
왜그런건가요..????ㅜㅜ
-
환히찬
span 요소는 인라인요소이기때문에 크기가 먹히지않습니다. 윗분말씀처럼 inline요소에 block속성을 쓸수있게 inline-block을 주시거나. 아예 display:block을 span에 주시면 될것같아요~~^^
-
겨울
#cate ul li span, #cate ul li a:hover span {display:inline-block;}
추가