私は、通常の送信ボタンではなくボタンタグを使用するようにシステムをアップグレードするプロジェクトを進めています。ボタンの書式設定には、次のCSSクラスがあります。スライドドアCSS、ボタンタグ、IE8
button::-moz-focus-inner {
border: none; /* overrides extra padding in Firefox */
}
button {
background: transparent url('images/greenrightbutton.png') no-repeat scroll top right;
color: #FFFFFF;
display: block;
font: normal 12px arial, sans-serif;
height: 25px;
padding-right: 8px; /* sliding doors padding */
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
text-decoration: none;
border: 0px;
overflow: visible;
}
#loginbox button {
float: right;
}
button span {
background: transparent url('images/greenleftbutton.png') no-repeat top left;
display: block;
line-height: 18px;
padding: 4px 5px 5px 12px;
margin: 0px;
border: 0px;
}
IE8以外のすべてのブラウザで完全に機能します。
IE8では、ボタンはほとんどの場所で機能しますが、2つの背景画像が並んでいないページがあり、余白や行間隔などを調整する必要はありません。
なぜこのような場合がありますか?
デモページ:いくつかのかなり広範なテストの後http://test6.placement.co.uk/demo/test.asp
---更新---
、物事をしようと、私は今、1ページで問題を引き起こしているもののかなり公正なアイデアを持っています、しかし、それを修正する方法はありませんが、同じ問題の別のページはまったく別の原因(見つけられませんでした)がありましたが、私は修正を見つけました...
最初のページの問題が表示されますページ上にさらに入力されたulに関連する。それを取り除くとすべてがうまくいく - 残念ながら、ulはユーザーが入力したコンテンツの一部であるため、これはオプションではないので、私はそれについて頭を悩ましている。特に...
Page 2問題を引き起こすulsはありませんが、ボタンコードが問題を解決する直前にランダムに2つのブレークタグを貼り付けています。ページ上では動作しません修正当然
は、私はこれらのボタンをレンダリングするいくつかの代替方法をあきらめ発見する準備についてです1.
、実際の問題が何であれので、それは明らかにとても深いです私のCSSや私の基本的なHTMLでは、おそらくそれを見つけることはないでしょう。
実際のバージョンのコードを見るにはリンクできますか? –
残念ながら、これのほとんどは私的な開発サーバー上で行われていますが、私は何ができるかを見ていきます。 – FrustratedWDotNet
そして、明らかに、テストページを作るために取り出したものは、テストページが動作しているように見えるためです。ああ – FrustratedWDotNet