IE7：絕對定位的兒童事業部與「正確」

我創造，我是用jQuery動畫小條形圖。

我將「右」欄作爲「左」欄的一個孩子，所以當我爲其寬度屬性設置動畫時，他們將始終保持在一起。因此，它們在異步動畫期間絕不會分離。（我可以動畫左邊的條和右邊的條只會標記...，因爲它是一個子元素）

我設置了這兩個小節的高度/寬度（左邊的類和右邊）與jQuery。我爲左欄的寬度屬性設置了動畫大小。要調整正確的大小，我設置了CSS「right」屬性的動畫。

所以，這裏的問題：正確的div是不可見與'正確'的負值（我也嘗試'保證金 - 右'）。對於'正確'的正值，它有禮貌地出現在它的父div（左邊欄）內。當我嘗試將它放在「左」欄右側時，它就消失了。

幫助！：-O

它在IE8和其他所有環境中都非常華麗。

<div class="container" > 
       <div class="left"> 
        <div class="right"></div> 
       </div> 
</div> 


div.left{ 
    background-color:#93dbfb; 
    overflow:visible; 
    position:absolute; 
    width:300px; 
    left:0px; 
} 

div.right{ 
    background-color:#ffce42; 
    z-index:100; 
    position:absolute; 
    width:300px; 
    right:-300px; 
}

**更新**

我已經嘗試設置正確的側杆的位置用（再次，高度/寬度和右屬性都與jQuery動畫）它是LEFT屬性（使用值left.width + [value]）。發生同樣的問題。

來源

2011-02-13 Matt H.

在[jsFiddle]（http://jsfiddle.net）或[JS Bin]（http://jsbin.com）上做一個測試用例。目前，試圖重現這一點的工作太多了。 [這是我嘗試的]（http://jsfiddle.net/LyZZS/embedded/result/），它在IE8和IE8的IE7模式下看起來是一樣的。 – thirtydot 2011-02-13 03:27:27

我會讓這個評論，但我似乎無法讓他們呢。無論如何，不知道這是否適用於IE7，但這是你想做的事嗎？ http://jsfiddle.net/MnnyH/1/我知道你正在試圖製作一個圖表，但這很容易變成垂直。

來源

2011-02-13 03:48:33 Shaz

IE7：絕對定位的兒童事業部與「正確」

回答

相關問題