Tag: 背景大小

如何模仿背景大小：覆盖<img>？

如何调整图像大小并将其重新定位在一个盒子中，以覆盖整个盒子的方式，类似于background-size: cover工作方式。 <div class="box" style="width: 100px; height: 100px;"> <img src="pic.jpg" width="413" height="325"> </div> 我知道我必须添加overflow:hidden到框和图像需要的position: absolute 。 但是这个公式是什么让我的形象正确的新大小，并离开+顶部位置？

背景大小：封面不能在Android平板电脑上的肖像工作

我使用background-size属性的全宽和高背景图像，但无法让它完全覆盖在纵向视图Nexus7平板电脑上的Chrome浏览器。 它只覆盖宽度而不是高度，即它下面有大约200px的空白。 但是，当我在桌面Chrome浏览器（或其他任何地方）中查看网站并在垂直显示器上模拟纵向尺寸时，它不会造成任何问题。 任何人都有解决scheme？ CSS： html { background: url(http://img.dovov.compost_bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img.dovov.compost_bg.jpg', sizingMethod='scale')"; } 肖像屏幕截图：