0

我用图像替换了我的一个菜单项，并使用下面的代码对其进行了样式设置。它在 Firefox、Chrome、Safari 和 Opera 中看起来不错，但在 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/

谢谢 ：）

4

2 回答 2

0

that's the error because of inline-block you used in your site....

try this

Add DOCTYPE to your html,

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> It works for me after I added this.

于 2013-07-15T06:54:52.510 回答
0

这个网站让我得到了我在下面解释的内容：http ://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/

所以基本上我所做的是添加垂直对齐：顶部；到 li 元素，然后我从 li#menu-item-19 a 中删除了 margin-top:-31px;。

我希望这对其他人有帮助！

于 2013-07-17T04:34:53.033 回答