内联样式为背景图像拉伸

Question

在div中，我试图在水平（宽度）和垂直（高度）上拉伸标题图像。似乎宽度拉伸可以通过使用：

来解决

background-size: cover;
background-size: 100% 100%\9; /* IE8 */

但是对于高度（垂直伸展），有没有办法做到这一点？这样做的最佳做法是什么，跨浏览器可以接受？

<div style="background-image: url(&quot;http://ibuild.ph/eascongress/sites/default/files/logos-banners/header-1-revised.png&quot;); background-size: cover; height: 135px;">
<div style="float: left;"><a href="/eascongress/index.php"><img style="width: 441px; height: 117px;" src="/eascongress/sites/default/files/logos-banners/EAS-Logo-Theme-Header-Banner.png" alt="EAS Congress 2015 logo"></a></div>
<div style="float: right; padding-right:17px"><img style="width: 513px; height: 117px;" src="/eascongress/sites/default/files/logos-banners/Global-Local-Benefits-Theme-Header-Banner.png" alt=""></div>
</div>

链接到演示/开发站点here

Answer 1

您已经尝试过这个吗？

.yourclass{
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
}

尝试使用px设置，而不是使用百分比设置，看看它是否有所不同。

Obs。：演示链接已损坏。