css - 全屏图像被截断

Question

我正在尝试为摄影网站全屏加载图像。

图像成功加载全屏，但它们溢出浏览器区域，从而切断部分照片。

我正在使用一个名为 Brushed ( http://www.alessioatzeni.com/blog/brushed-template/ ) 的模板，并且相信我已经确定了该区域的相关 css：

#supersized {
display:block; 
position:fixed; 
left:0; top:0;
overflow:visible; 
z-index:-1; height:100%; 
width:100%; 
margin:0; 
padding:0;}

想知道 stackoverflow 社区中的任何人是否可以在这段 css 中看到任何可能导致这种情况的内容，或者可以提供解决方法建议。

提前致谢！

score 0 · Accepted Answer

使用全屏图像时，由于屏幕分辨率/尺寸众多，总会有部分图像被截断。这样做是为了保持图像的比例。

缺少部分的“原因”不是您上面的 CSS 代码示例，而是由jQuery 超大插件完成的内联生成的 CSS 样式。

<img src="_include/img/slider-images/image01.jpg" style="width: 1903px; left: 0px; top: -415.5px; height: 1275.01px;">

1 回答 1