溢出：隱藏不一致工作

我正在使用某些按鈕。我想有一個翻轉狀態，我在一個帶有溢出的div的圖像中有這個：hidden隱藏不活動的狀態。它的工作原理有時，但有時它看起來像這樣：溢出：隱藏不一致工作

Broken

最奇怪的是，當我嘗試使用Chrome Web檢查其自我修復！在HTML/CSS中沒有什麼奇怪的東西。

Working

我爲超級困惑，爲什麼它不是一貫要麼損壞或工作。

這裏的HTML：

<div class="hunting_card_button"> 
    <div class="hunting_card_icon" id="gift_to_friend"> 
     <img src="/images/icons/friend2.png?1" /> 
    </div> 
    Friend 
</div>

和相關的CSS：

.hunting_card_button { 
    width: 65px; 
    overflow: hidden; 
    display: inline-block; 
    text-align: center; 
    margin: 0 2px 0 2px; 
} 
.hunting_card_icon { 
    position: relative; 
    right: 0; 
} 
.hunting_card_icon:hover { 
    right: 65px; 
    cursor: pointer; 
}

來源

2012-04-13 Brad Dwyer

你能分享你如何做翻轉？它是JS還是CSS？ – bhamlin 2012-04-13 17:48:40

在CSS中編輯它。我們也在做一些JS來處理這些按鈕的狀態，但這只是在點擊時執行，所以它不應該發揮作用，因爲這是在頁面加載時進行的。 – 2012-04-13 17:51:27

必須有別的事情正在進行。我試圖用這個jsFiddle複製你的問題：http://jsfiddle.net/zaTMh/3/ ，但我不能repro ... – bhamlin 2012-04-13 20:23:51

解決的辦法是改變其容器之一從跨度股利。

來源

2012-05-17 14:29:02

溢出：隱藏不一致工作

回答

相關問題