使图片剪切而不是使用页面调整大小

时间:2013-09-30 06:29:41

标签: html css

我在我的网站上有一张图片,我希望始终保持相同的分辨率,即,当我调整页面大小时,我希望图片在持有者内部向中间“特写”而不是增长它。 我想我只是错过了正确的css属性,每一个帮助都将被评估:

<ul class="slides">
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/5.jpg"></li>
    <li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/4.jpg"></li>
<li style="width: 100%; float: left; margin-right: -100%; display: list-item;"><img width="2560" height="495" src="images/3.jpg"></li>

</ul>

保证金为-100%的原因是因为它们位于滑块中。我不认为它与我所遇到的问题有关。 感谢。

1 个答案:

答案 0 :(得分:1)

您可以在CSS3中使用剪辑属性 - Link

另请查看jcrop这是一个基于jquery的图像裁剪工具

希望有所帮助