2011-10-25 2 views
0

.post_headline_signup의 배경을 div 내부의 단락 배경과 같은 높이로 만들려면 어떻게해야합니까?단락 안에 CSS와 스팬 클래스 높이

.post_headline { 
background:url(images/signup_bg.jpg) repeat-x; 
border-left:1px solid #555; 
border-right:1px solid #555; 
padding-left:1em; 
height:2em; 
line-height:2em 
} 
.post_headline p { 
text-transform:uppercase 
} 
.post_headline a { 
font-weight:bold; 
background:url(images/signup.jpg) repeat-x #900; 
border-left:1px solid #000; 
border-right:1px solid #000; 
padding:1.2em; - **THE PROBLEM IS HERE - ONLY PADDING WORKS, LINE HEIGHT OR DIV HEIGHT DOESN'T** 
margin-left:1em 
} 
.post_headline a:hover { 
color:#FFF; 
text-decoration:underline 
} 

타이 :

<div class="post_headline"> 
    <p>Hello world<span class="post_headline_signup"><a href="site">text inside span</a></span></p> 
</div> 

이 내 CSS입니다 :

여기 내 코드입니다!

+0

'.post_headline_signup'에는 CSS에 배경이 없습니다 ... 앵커를'display : inline-block;'으로 설정해보십시오. – feeela

답변

0

배경 이미지는 컨테이너에 맞게 (CSS2로) 늘릴 수 없습니다. 스트레칭이 필요하다면 < img /> (이는 프레젠테이션 대 컨텐츠)가 좋지 않지만 css2의 제한 사항입니다 .Css3는 배경 스트레칭을 제공 할 수 있지만 본 적이 없다고 생각합니다. it)