0

メニュー リンクにカーソルを合わせると、IE 7 では DIV 全体が上に移動します。Chrome、IE 8、9 ではすべて問題ありません。

ストアのリンクにカーソルを合わせたとき。DIV のロゴ、検索、バスケットが上に移動します。

ここに私が持っている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でのこの問題の簡単な修正は、他のブラウザでも同じ結果になると予想されるため、＃headerと.logoのmargin-topをpadding-topに置き換えることです。

この助けを願っています。

于 2012-07-03T15:48:05.957 に答える
1

さて、私はあなたの提案をすべて試しました...どれもうまくいきませんでした。#menubar DIV が #logo、#searchbar、#basket DIV の外にあり、すべての DIV の前にあったため、問題が発生していました。

私がしたことは、それらすべてのDIVの後にdivを配置し、その周りにもう1つDIVラッパーを追加して、動かないようにすることでした。

とにかく、あなたの提案に感謝します。心から感謝する。

于 2012-07-03T16:13:02.250 に答える