使用CSS麻烦造型图像

Question

我正在开发的网站在Internet Explorer中显示背景图片时出现问题：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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");
}