瀏覽器工具提示按鈕內

CSS工具提示：瀏覽器工具提示按鈕內

.mainButtonContainer button:hover:after 
{ 

    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); 
    border-color: #093466; 
    border-radius: 5px 5px 5px 5px; 
    border-style: solid; 
    border-width: 7px 2px 2px; 
    bottom: -5px; 
    color: #093466; 
    padding: 5px 15px; 
    position: absolute; 
    width: 113px; 
    z-index: -1; 
}

HTML：

<button id=mgf_main1 type="button" onclick="loadData(1)"> 
    <img src="Images/Magof-Icon.png" width="68" height="68"/> 
</button>

工具提示看起來很好INT火狐，Chrome等。

Firefox

但問題是在IE（10）

Explorer

工具提示被包含於按鈕的大小，如何解決這一問題？

來源

2013-08-25 Dim

你能提供的jsfiddle ...... –

該演示http://jsfiddle.net/rdRhS/似乎在IE10的工作 - 也許發表您的完整的代碼？ .. – Danield

此外，在您發佈的代碼中 - 沒有內容：''規則，這對僞僞元素 – Danield

.mainButtonContainer按鈕{溢出：可見} - DJDavid98

來源

2013-08-26 07:19:37 Dim

瀏覽器工具提示按鈕內

回答

相關問題