完全定位在AP以外的父映射

我正在爲使用XML，CSS和jQuery的客戶端開發一個簡單的映射應用程序。我有基本的功能工作，但有點難倒了一件事。「地圖」是一個溢出設置爲隱藏的大圖像。然後通過閱讀XML，jQuery將「區域」（a標籤）放置在圖像上，將它們絕對定位到父映射。完全定位在AP以外的父映射

該區域包含兩個絕對定位的元素，它們需要從父元素中伸出。在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了原帖。

來源

2010-11-09 James

如果你刪除'溢出發生：hidden'？ – 2010-11-09 17:11:32

沒有什麼不幸的，它仍然剪輯！ – James 2010-11-10 08:42:50

如果你把'position：relative'放到第一個div上怎麼辦？ http://www.jsfiddle.net/KTVPS/2/ – Shikiryu 2010-11-10 10:10:40

我對此表示歉意，但我已經回答了我自己的問題。這個問題與我的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的。

對不起，浪費時間

詹姆斯

來源

2010-11-10 10:52:53 James

完全定位在AP以外的父映射

回答

相關問題