Question

我正在为使用XML，CSS和jQuery的客户端开发一个简单的映射应用程序。我有基本的功能，但有一点困难。 “地图”是溢出设置为隐藏的大图像。然后通过读取XML，jQuery在图像上放置“区域”（a标签），将它们绝对定位到父图。

此区域包含两个绝对定位的元素，这些元素需要延伸到其父元素之外。在Chrome，Firefox和Safari中非常有效，但IE会剪切任何超过父级的内容。代码看起来如下所示。

<div style="overflow:hidden; width:800px; height:600px;"> 
    <div style="width:1600px; height:1200px; position:relative"><!-- missed out of original post -->
    <div style="position:absolute; left:10px; top:10px; width:100px; height:100px; z-index:10">
        <a href="#" style="position:absolute; left:80px; top:80px; width:100px; height:30px; z-index:20">&nbsp;</a>
        <a href="#" style="position:absolute; left:-10px; top:90px; width:10px; height:100px; z-index:30">&nbsp;</a>
    </div>
    </div>
</div>

裁剪是否正常或是否有我遗漏的东西？

编辑：我错过了原始帖子中的主要地图div。

Answer 1

我为此道歉，但我已经回答了我自己的问题。问题与我的css或html无关，与我的javascript有关。

我正在做的是使用fadeTo函数隐藏地图上的所有元素，包括区域本身，然后在重绘区域及其包含的元素时，IE正在剪切图像。

通过删除区域div上的淡入淡出并且仅消除内部位来纠正问题。它现在就像一个魅力。

$('div > div > div, div > div > div *').fadeTo('slow', 0);
//this is now
$('div > div > div *').fadeTo('slow', 0);

应用于上面的示例，我在实际代码中使用了类和id。

抱歉浪费时间

詹姆斯

绝对位于AP Parent之外用于映射

1 个答案: