使用CSS樣式圖像時遇到問題

Question

我正在開發的網站在Internet Explorer中顯示背景圖片時出現問題：

 img { width:100%; height: auto; /*margin-top : -50px;*/ } 

 <div class="col-xs-12"> <img src="./images/garri_processing.png"> </div> 

Answer 1

盡管background-image CSS參數可以用作解決方案，但您也可以通過增加圖像的特異性來解決此問題，也可以通過添加其他類或ID來解決。 沒有這種特殊性也會在以后給您帶來麻煩，因為CSS中的img分配將引用所有img元素，而不是您的一個div 。

嘗試這樣的事情：

<div class="col-xs-12 exampleClass">

正如我所說，您也可以將其與ID關聯。

<div id="exampleID" class="col-xs-12">

然后從那里安排CSS以適合您的新參數。

與其他班級：

.exampleClass img {
     width: 100%;
     height: auto;
}

帶有ID：

#exampleID img {
     width: 100%;
     height: auto;
}

Answer 2

CSS應該是這個。

body 
{
background-image: url("./images/garry_processing.png");
}