相关疑难解决方法(0)

是否有任何已知的方法使CSS样式background-size在IE中工作？

所以我background-size:cover用来实现背景图像的预期效果,该背景图像可以扩展到应用的div的任何大小,同时保持纵横比.为什么要用这种方法？使用内联CSS将图像作为背景应用,动态地通过PHP,基于相关WordPress帖子中的图像设置.

所以一切都很好,但有没有任何后备,以确保这至少在IE8中工作？可能是一些Javascript修复？

已经尝试过后退和超大,但无济于事,因为他们只将图像应用于页面的背景.

你可以在这里看到它.

所以我有一个带背景图像的div; 这个div可以根据div的空间内容/大小增加高度和宽度.

但是,无论我希望背景图像的大小是100%显示,这是因为背景图像周围有边框,我需要显示那些按钮效果.

div.leadgen {
  background: url(/Website6/Styles/leadgen_center.png) repeat-x;
  color: #FFF;
  cursor: pointer;
  display: inline-block;
}

<div class="leadgen">
 <h3>
  This is the title
 </h3>        
 This is the description
</div>

编辑

#solutionsNav div.leadgen {
background:url(/images/leadGen_bg2.png) no-repeat;
background-size: 100% 100%;  
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leadGen_bg2.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leadGen_bg2.png', sizingMethod='scale')";
behavior: url(/scripts/PIE.htc);
padding: 10px;
color: #FFF;
cursor: pointer;

}

这适用于所有浏览器!我唯一需要弄清楚的是在IE 7和8中我不想使用background:url(/images/leadGen_bg2.png)no-repeat; 因为它似乎加倍了.