浏览器工具提示按钮内

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

浏览器工具提示按钮内

回答

相关问题