0

将鼠标悬停在菜单链接上时，整个 DIV 在 IE 7 中向上移动。在 Chrome、IE 8,9 中一切正常。

当您将鼠标悬停在“商店”链接上时。DIV 的 LOGO、Search、Basket 向上移动。

这是我拥有的CSS..

.storefinderdropdown { position:absolute; top:8px; float:none; width:270px; height:43px; border:5px solid #F1F1EF; background:#F1F1EF; z-index:10; margin:20px 0 0 335px;  font-size:10px; font-weight:bold; text-indent:3px; padding:0; display:block; }
.storefinderdropdown .SLErrorMsg { display:none; color:#f00; line-height:20px;}
.storefinderdropdown .SLbutton { position:relative;  display:inline; float:left; }
.storefinderdropdown .SLbutton input{ float:left; vertical-align:middle; }
.storefinderdropdown .SLbutton a{ float:left; margin:1px 0 0 3px; line-height:10px;  color: #fff !important; border: none; cursor:pointer; font-weight:bold; width:42px; height:14px;  background-image: linear-gradient(bottom, #335649 13%, #335649 57%, #335649 79%); background-image: -o-linear-gradient(bottom, #335649 13%, #335649 57%, #335649 79%); background-image: -moz-linear-gradient(bottom, #335649 13%, #335649 57%, #335649 79%); background-image: -webkit-linear-gradient(bottom, #335649 13%, #335649 57%, #335649 79%); background-image: -ms-linear-gradient(bottom, #335649 13%, #335649 57%, #335649 79%); background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.13, #335649), color-stop(0.57, #335649), color-stop(0.79, #335649)); background-color:#335649; border-radius:3px; padding: 5px; }
4

3 回答 3

1

我在 IE 中使用了开发人员工具来帮助您解决问题。

看来问题在于您为 #header 和 .logo 设置的边距

   #header .logo{
    padding-bottom:0px;
    margin-top:15px;
    ....
    }

在 IE 中快速解决此问题并且仍然希望在其他浏览器中得到相同的结果是用 padding-top 替换 #header 和 .logo 的 margin-top。

希望这有帮助。

于 2012-07-03T15:48:05.957 回答
1

好吧，我尝试了你所有的建议……没有一个对我有用。导致问题的原因是#menubar DIV 在#logo、#searchbar、#basket DIV 之外，并且在所有DIV 之前。

我所做的是，只需将 div 放在所有这些 DIV 之后，并在其周围再添加一个 DIV 包装器，这样它就不会移动。

无论如何，谢谢你们的建议。真的很感激。

于 2012-07-03T16:13:02.250 回答
0

我解决了与 div 所在的主 css 容器样式表上的 display:inline-block 类似的问题。

于 2017-06-23T19:14:04.913 回答