未在瀏覽器中調整大小的圖像

-3

這些圖像無法在任何瀏覽器中調整大小。我做錯了什麼，如何調整背景圖像？未在瀏覽器中調整大小的圖像

所述的圖像標記：

<table class="center"> 
    <tr> 
     <td> 
      <a href="TMR Library.html"><div id="Library"></div></a><img src="DividerTransparent.png" id="Divider"> 
     </td> 
     <td> 
      <a href="TMR Contact.html"><div id="Contact"></div></a><img src="DividerTransparent.png" id="Divider"> 
     </td> 
     <td> 
      <a href="TMR About.html"><div id="About"></div></a> 
     </td> 
    </tr> 
</table>

的CSS：

#Library { 

background-image: url('LibraryTransparent.png'); 
height: 70px; 
width: 120px; 
border-style: none; 
} 

#Library:hover { 

background-image: url('LibraryHoverTrans.png'); 
height: 70px; 
width: 120px; 
}

的CSS爲3倍的圖像是相同的。

來源

2013-09-16 user2784439

您指定的高度和像素的寬度。您正在經歷預期的行爲。嘗試移至基於％的尺寸。 – brbcoding

百分比不起作用圖像甚至沒有出現 – user2784439

更好然後你的其他選擇將是把你的形象成照片處理程序，默認情況下使圖像您指定的大小。
作爲一般的經驗法則，HTML和CSS不能很好地操縱圖像，他們可以做一些操作，但不能保證結果的樣子。（例如，如果你想讓圖像變小，瀏覽器可以將全圖縮小到指定的大小，或縮小圖像）

來源

2013-09-16 15:42:26 JinxedAqua

謝謝我想這將是我唯一的選擇 – user2784439

使用百分比寬度而不是固定寬度。

來源

2013-09-16 15:29:45 Conqueror

我需要的圖像是完全像素的大小，我怎麼能用百分比來做到這一點？ – user2784439

@ user2784439與數學。 –

@ user2784439如何**我怎樣才能調整**和**的大小像素**完全一致？ – Stijn

試過CSS background-size: 100%;

CSS3與background-size:cover

來源

2013-09-16 15:31:31

我需要的圖像完全是像素的大小 – user2784439

我想我現在明白你的問題了......你想要一個固定的容器大小的種類，但有一個背景圖像，其中100％的...這是一個例子，使用3個不同大小的相同圖片。

HTML

<div id="foo"></div> 
<div id="bar"></div> 
<div id="baz"></div>

CSS

#foo { 
    width: 150px; 
    height: 150px; 
    background-size: 100%; 
    background-image: url(http://placekitten.com/300/300); 
} 

#bar { 
    width: 100px; 
    height: 100px; 
    background-size: 100%; 
    background-image: url(http://placekitten.com/300/300); 
} 

#baz { 
    width: 500px; 
    height: 500px; 
    background-size: 100%; 
    background-image: url(http://placekitten.com/300/300); 
}

DEMO

來源

2013-09-16 15:49:27 brbcoding

未在瀏覽器中調整大小的圖像

回答

相關問題