0

有谁知道如何调整图像的特定区域而不是整个区域的大小。例如，我可以指定我希望图像的左半部分具有 25% 或 250px 的宽度吗？

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

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

我尝试在左右放置一个具有正确颜色的 div，并编写了一个脚本，以便 div 填充任何可用的空间。该解决方案理论上可行，但是当我在浏览器中对其进行测试时，它滞后了。左侧的 div 和 write 需要很长时间才能调整大小。

我将非常感谢解决此问题的任何提示。

4

2 回答 2

0

我建议你phole_opaque.png为相当宽的屏幕设置足够的宽度，并#portholes多写一行 CSS：{overflow: hidden;}

于 2013-09-05T20:35:52.793 回答
0

尝试像这样在图像区域周围添加一个 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;
}
于 2013-09-05T20:23:47.833 回答