全屏图像正在被切断

时间:2013-09-25 19:44:33

标签: css image

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

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

我正在使用一个名为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中看到任何可能导致该问题的内容,或者可以提供解决方法建议。

提前感谢!

1 个答案:

答案 0 :(得分:0)

使用全屏图像时,由于许多屏幕分辨率/尺寸,图像的一部分将始终被切断。这样做是为了保持图像的比例。

缺少部分的'造成'不是上面的CSS代码示例,而是由jQuery supersized插件完成的内联生成的CSS样式。

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