我正在尝试为摄影网站全屏加载图片。
图像成功加载全屏,但它们溢出浏览器区域,从而切断部分照片。
我正在使用一个名为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中看到任何可能导致该问题的内容,或者可以提供解决方法建议。
提前感谢!
答案 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;">