0

右側にある私の検索には Go という名前のボタンがあり、IE8 を除くすべての最新のブラウザーで適切な場所にあります (IE7 と IE6 では悪夢ですが、それらのブラウザーは気にしません)。私はいくつかのことを試しましたが、ボタンが IE8 の所定の位置に来ていません 。 /media/92fc0c87-44ac-4c7a-9af5-d8d5824ef85d/go%20button.png

これがデモページhttp://bloghutsbeta.blogspot.com/2012/03/testing-3.html です。css を探したくない場合は、ここに css があります。

.formbox {
background:#434445;
border-top-color:#0f0f0f;
border-top-style:solid;
border-top-width:3px;
border-left-color:#0f0f0f;
border-left-style:solid;
border-left-width:3px;
border-right-color:#797d7d;
border-right-style:solid;
border-right-width:3px;
border-bottom-color:#797d7d;
border-bottom-style:solid;
border-bottom-width:3px;
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
color:#787D7D;
font:13px Verdana,Geneva,sans-serif;
margin: 3px 0 5px 5px;
padding:1px;
}
.formbutton {
margin:0 5px 5px 0;
color:#B6E85E;
text-shadow: 0 0 4px #7F241C, 0 0 4px #7F241C,
        0 0 4px #7F241C;
cursor:pointer;
}
4

3 に答える 3

2

これは、HTML ヘッドに条件ステートメントを作成して新しいスタイルシートを次のようにラップすると、簡単に修正できます。

<!--[if IE 8]><link rel="stylesheet" href="Css/ie.css" /><![endif]-->

次の CSS をスタイルシートに追加すると、問題が解決するはずです。

input.formbutton.buttonbloghuts.buttongradient {
position: relative;
top: 8px;
}

HTML5 要素を作成するための条件ステートメントが既に頭の中にあります。

何か問題があれば、喜んでお手伝いします。

于 2012-04-26T13:41:18.970 に答える
1

と から上マージンと下マージンを削除し、両方を に設定する.formboxと、IE8 での問題が大幅に整理されました。それらの周りにその垂直方向のスペースが必要な場合は、親で use を移動できます(そしてそれを にします)。.formbuttonvertical-align: top;paddingformdisplay: block;

(条件付きクラスを使用すると、このような IE 固有の修正を対象とすることがはるかに簡単になります)

于 2012-04-26T13:46:26.663 に答える
0

役立つボタンコードの jsfiddle を提供できれば。IE 開発ツールは、私にはあまり協力的ではありません。私の記憶が正しければ、両方の入力フィールドに float left を追加してみて、何が起こるか見てみましょう。

このサイトと検索を見てください：それは本当に似ていますが、伸縮性のあるものを行うための余分なdivがあります：http://www.genesismedicalimaging.com

于 2012-04-26T13:30:30.487 に答える