资源管理器工具提示内部按钮

时间:2013-08-25 07:46:58

标签: html css

工具提示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>

Firefox,Chrome等工具提示看起来很好。

Firefox

但问题出在IE(10)

Explorer

工具提示包含在按钮大小中,我该如何解决?

1 个答案:

答案 0 :(得分:0)

.mainButtonContainer按钮{overflow:visible} - DJDavid98