2011-12-19 6 views
0

私はtype = imageの入力を使用してフォームのスタイリングを行っています。これはFFではうまく描画されますが、IEでは表示されません(下の図を参照)。それは私のイメージ上に小さなアイコンのものも表示していますが、これはアクション要素が関連付けられていないフォーム要素なので、おそらくそれは推測していますか? - 次のように入力用IE9での入力ボタンイメージのスタイリング

スタイリングはすべて、非常に単純です:私は追加の境界線を試してみた

input.search-button { 
     display:block;  
     float:left; 
     width:25px; 
     height:25px; 
     background:url(images/search.png) no-repeat; 
} 

:0、ない喜び。どのようにプレゼンテーションを整理するのに良いアイデアですか?

+0

'border-style:none;'や 'border-style:solid;'を試しましたか? – Kyle

+0

検索ボタンのhtml部分も共有できますか? – Hoque

答えて

0

境界線については、border:none;を設定してみてください。入力のために、あなたのパスを再確認します。 src属性の実際のイメージの代わりに背景イメージを使用しようとしているようです。

また、スラッシュ(/)を使用してイメージパスの先頭に移動し、ルートまで移動してからドリルダウンしてみてください。

希望すると便利です。

マット

+0

haha​​。ええ。それはそうです - 画像が背景ではなく画像である場合に役立ちます。ホバリング状態はどうですか?それは可能ですか? – Nathan

+0

jQueryを使用していますか?そうであれば、入力にidを代入し、そのIDをセレクタとして使用して、そのようにその "src"属性を次のように切り替えます:$( '#myImageInputId')。attr( 'src'、 'myNewUrl'); –

+0

明らかに、jQueryマウスオーバーイベントリスナーでそれをラップする必要があります。 –

0

私はその後、同じCSSはすべてのIEのバージョン

のために適合HTML

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 

の頭の中にメタの線の下に追加してIE8/IE7としてレンダリングすることができます/ IE9を願っています

関連する問題