无法使用 CSS 设置图像样式答案

【问题标题】：Trouble styling image with CSS无法使用 CSS 设置图像样式
【发布时间】：2018-03-16 01:13:23
【问题描述】：

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

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

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

【问题讨论】：

【解决方案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;
}

【讨论】：

【解决方案2】：

CSS 应该是这样的。

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

【讨论】：