这是我正在开发的网站：
我可以通过删除高度来使图像不拉伸：481px；但后来我失去了图像下方的标题和方块，如果图像的高度不同，它会四处移动。我已经尝试过定位，但我还没有找到解决方案。
问问题
1552 次
2 回答
1
有几种方法可以解决这个问题。
正如@Sven 指出的那样，一个更清洁的解决方案是使用标签<div>而不是<img>使用图像作为backgrounddiv。
或者，
您可以使用 CCS 剪辑属性将所有图像裁剪为相同大小，同时保持其原始比例：
img {clip:rect(0px,60px,200px,0px)}
（查看此链接以获取有关剪辑的文档：http: //www.w3schools.com/cssref/pr_pos_clip.asp ）
但是，此时对您来说最快的解决方案（需要对实际代码进行较少更改的解决方案）可能是仅使用绝对定位，而不是将其应用于 div.text-box将其应用于他的父级.slider-cont-wrapper。：
.slider-cont-wrapper {position:absolute; top:100px; right:100px}
（更改top:和right:适合您的布局的措施）
于 2012-12-19T17:16:01.943 回答
0
好吧，如果图像没有相同的比例，无论你做什么，你永远不会得到不同尺寸的图像完全适合同一个位置。所以你想要什么？
于 2012-12-19T17:12:27.913 回答