css高度：自動不顯示響應圖像

我想在我的文檔中創建響應圖像。css高度：自動不顯示響應圖像

<style> 
img,.img { 
    width: 80%; 
    height: auto; 
} 
</style> 

<body> 
    <div> 
     <img src="img/tools3/2.png" /> 
    </div> 
<body>

現在我試着轉換IMG公司，格：

<body> 
     <div> 
      <div class="img" style="img/tools3/2.png"></div> 
     </div> 
<body>

但是沒有顯示任何圖像！

如果我改變height: auto;到height: 100px;它的工作原理，但它不是別的反應...

我也補充一下：

box-sizing: border-box; 
clear: both;

到.IMG，但不工作。

來源

2015-12-31 salome

你爲什麼試圖在一個div中加載圖像？如果你想這樣做，請考慮使用CSS來使background-image：url（urlPath）;但我認爲這不會有反應，第一個代碼最適合響應式圖片 – JasTonAChair

請考慮從這裏開始您的故障排除：'style =「img/tools3/2.png」'，這是無效的代碼。 –

，因爲我想用鼠標懸停來改變圖像 – salome

你不需要在div中的圖片，你可以在img標籤。

img標籤可以懸停用css

.img:hover { 
    content:url(NEWPICPATH); 
}

見this answer更多細節上改變SRC這種方式來改變。

來源

2015-12-31 03:25:59 JasTonAChair

要執行響應式圖像，您需要將max-width屬性設置爲100％。除非您決定在div上使用背景圖像，否則圖像始終必須是img標記。

來源

2015-12-31 03:20:37

看下面

<div> 
     <div class="img" style="img/tools3/2.png"></div> 
    </div>

圖像不會出現，因爲

你有

風格"img/tools3/2.png"

一個DIV是一個可以容納圖像它的容器，它沒有像指向鏈接的圖像標籤的源屬性。

如果你想喜歡div的，圖像顯示，你可以簡單地做

img{ 
    display:block 
}

然而，你也可以設置一個div背景て圖像這樣

div { 
    width:put your width here; 
    height: put yout height here; 
    background-image:url("url here"); 
    background-size: cover; 
}

這裏是

div { 
 
    width:500px; 
 
    height:500px; 
 
    background-image:url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTcKiWvJ9_lKvgooA-T8VMt9BBVpex3VI-NVUkNrGhiECN3YkRdqQ"); 
 
    background-size: cover;;

<div> 
 

 
</div>

來源

2015-12-31 03:42:57 repzero

你需要做的是什麼.... 在HTML ....

<div style="width:50%;height:50%"> 
     <img style="width:100%; height:100%;" src="http://www.hdwallpaperscool.com/wp-content/uploads/2013/11/california-beautiful-natyre-hd-wallpapers-widescreen-cool-images.jpg" /> 
    </div>

你可以給你願意，你可以使用風格的div.If任何高度或寬度外部樣式表。我建議你嘗試bootstrap.it非常簡單。

來源

2015-12-31 03:54:21 Jobs

css高度：自動不顯示響應圖像

回答

相關問題