2013-07-15 29 views
0

我用图像替换了我的一个菜单项,并使用下面的代码对它进行了样式设置。它在Firefox,Chrome,Safari和Opera中看起来很好,但在IE中似乎忽略了相对定位。图像作为Wordpress菜单项在IE中未正确定位

li#menu-item-19 a { 
    display: block; 
    background-image: url('images/logo.png'); 
    background-repeat: no-repeat; 
    width: 124px; 
    height: 120px; 
    text-indent: -9000px; 
    margin-right: -42.5px; 
    margin-left: -42.5px; 
    position: relative; 
    top: -31px; 
    margin-top: -31px; 
    z-index: 1; 
} 

我续显示完整的网站,因为它是无法生存的,但我已经安装了它的简化版本,我已经能够复制的问题。

http://labs.comule.com/

谢谢:)

回答

0

这就是你在你的网站上使用,因为inline-block的误差....

试试这个

添加DOCTYPE到HTML,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 它适用于我后,我添加此。

+0

感谢您的努力,但这并没有为我工作:( 顺便说一句我在IE9上 – user2582321

+0

嘿,我刚刚从这个网站找到答案http://robertnyman.com/2010/02/24/css -display-inline-block的 - 为什么 - 它岩石和 - 为什么 - 它,吸/ – user2582321