0

この CSS スタイルは、サイトが LOCALHOST にある場合、すべてのブラウザーで完全に機能します。サイトをライブ サーバーにアップロードすると、IE 以外のすべてのブラウザーでも動作します。

背景画像は表示されません。

.button {
font-family:Arial, Helvetica, sans-serif;
display:inline-block;
position:relative;
background:url(../images/button-bg.gif) 0 0 repeat-x #3b3d3e;
border:1px solid #3b3d3e;
font-size:11px;
color:#fff;
font-weight:bold;
text-decoration:none;
padding:1px 9px;
margin-right:7px;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
behavior:url(js/PIE.htc);
 }

注: ご覧のとおり、背景に #3b3d3e という色を使用しています。ページが読み込まれると、この色が一瞬表示されてから消えます。

これの何が問題なのですか？

4

6 に答える 6

2

背景は次の順序で書き出す必要があると思います: background: color position size repeat origin clip attachment image; 気にするブラウザは IE だけでしょうか。

それがうまくいかない場合は、必要な各背景値を個別に追加してみてください: background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment、および background-image。

また、css の最後の行「behavior:url(js/PIE.htc)」をコメントアウトしてみてください。これらが他のプロパティと競合するのが好きな場合があることを私は知っています。私自身は PIE を使ったことはありませんが、コメントアウトしてみる価値はあります。

于 2013-05-14T19:27:35.517 に答える
1

最初に色を付ける:

background: #3b3d3e url(../images/button-bg.gif) 0 0 repeat-x;
于 2013-05-14T19:21:29.980 に答える
0

zoom:1.button に追加してみてください

これにより、IE7 で hasLayout プロパティがトリガーされます。詳しい説明はこちら： レイアウトについて

于 2013-05-14T19:44:02.200 に答える
0

私はそれを修正したと思いますが、まだ理由がわかりません...私はそれを削除しました

 behavior:url(js/PIE.htc);

それから、それは完全に機能しました...

ファイルPIE.htcがそこにあることは確かですが、何が問題なのかわかりません。誰でも？？

于 2013-05-14T19:48:17.120 に答える
0

localhost とサーバー環境の間の相対パスの問題である可能性があります。詳細な説明は、CSS 3 PIE の既知の問題ページを参照してください。 http://css3pie.com/documentation/known-issues/#relative-paths

PIE はまったく機能していましたか? — IE 7 のボタンの角は丸くなっていましたか？

これも役立つかもしれません。 http://css3pie.com/documentation/known-issues/#z-index

于 2013-05-15T18:06:28.103 に答える