2010-07-24 3 views
1

브라우저에서 확대/축소를 변경하면 배경 이미지 (내 웹 사이트의 로고)가 웹 사이트의 다른 요소와 다르게 배치됩니다. 나는 그것이 다른 요소와 정렬 유지할 수있는 경우CSS : 확대/축소를 변경하면 배경 이미지가 더 이상 정렬되지 않습니다.

background-image:url('tbs-logo.png'); 
background-repeat:no-repeat; 
background-position: 92% 22%; 

가 궁금하거나, 내가하는 태그로 이미지를 추가하는 대신 내 HTML 코드를 변경해야합니다 :

내가 사용하고 있습니다.

감사합니다.

답변

1

이 배경 이미지로 너비와 높이를 지정해야한다고 생각합니다. 나는 간단한 코드로 확인했다 :


<html> 
<head><title>test</title> 
<style type="text/css"> 
    #con{ 
     width: 500px; 
     margin: 0 auto; 
    } 
    #img{ 
     width: 120px; 
     height: 80px; 
     background: url('ja2.jpg') 92% 22% no-repeat; 
     float: left; 
     border: 1px solid #000; 
    } 
</style> 
</head> 
<body> 
    <div id="con"> 
     <div id="img"></div> 
     <div>text tekst dfasdf 
     saasdf dsaf dsa fas df sadf ' f 
     af as dfa dsf 
     ads f 
     fa 
     </div> 
    </div> 
</body> 
</html> 

내가 그것을 확대, 정지 영상이 무료 위치

입니다
관련 문제