2010-07-24 67 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> 

當我放大它,圖像仍然是免費的,在它的位置