Question

有没有人知道如何调整图像的特定区域，而不是整个事物。例如，我是否可以指定我希望图像的左半部分的宽度为25％或250px？

我正在处理的网站是http://inktank.site90.net 我正在尝试的部分是设计师+编码器（网站顶部）的剪裁。

我希望带孔的图像跨越浏览器的宽度，但我不想扭曲有孔的图像部分。

我尝试在左侧和右侧放置一个div，它具有正确的颜色，并编写了一个脚本，以便div填充任何可用的空间。这个解决方案在理论上有效，但是当我在浏览器中测试它时，它会滞后。左边的div和写入花了太长时间来调整大小。

我非常感谢解决这个问题的任何提示。

Answer 1

尝试在图像区域周围添加div（就像你想要的类一样，我称之为white_background：

<div class="white_background">
    <div class="center" id="portholes">
    <div class="redband" id="portholes_band"></div>
    <img class="center" id="cutout" src="/css/images/phole_opaque.png" width="960" height="165" style="margin-left: auto; margin-right: auto;"> 
   </div>
 </div>

然后将该类定义为：

.white_background{
    width:100%;
    padding:0px;
    margin:0px;
    background:#FFFFFF;
}

Answer 2

我建议您将phole_opaque.png宽度设置得足够广泛，并为#portholes增加一行CSS：{overflow: hidden;}

调整图像的特定区域的大小

2 个答案: