1

CMS 内でインライン CSS を少し操作する (楽しい!)。このコードのチャンクは、Chrome と Firefox で正常に機能し、背景画像は 1 回だけ表示されます。しかし、ページが IE 9 で読み込まれると、no-repeat 値が無視され、背景画像が div の長さにわたって繰り返されるようになります。

<div style="width: 500px; margin-top: -10px; background-image: url(http://.../uploadedImages/horizontal-rule-top.gif); background-position: 50% 0%; background-repeat: no-repeat, no-repeat; "><p style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgb(228, 128, 28); padding-top: 30px; padding-bottom: 15px; font-size: 16px; ">
...</div>

どんなアドバイスでも大歓迎です！

4

4 に答える 4

5

IE は 2 番目の の存在に問題を抱えていると思いますno-repeat。仕様上、IE が理解できないルールを無視しています。IE が理解できるオプションは次のようです。

  • repeat-x、
  • repeat-y、 と
  • no-repeat.

CSS を上記のいずれかに修正すると、動作するはずです。

于 2012-04-09T19:57:09.040 に答える
0

背景cssを試してください"background：url（http：//.../uploadedImages/horizo​​ntal-rule-top.gif）no-repeat 50％0％;"

于 2012-05-16T10:19:46.943 に答える
0

background-repeat: no-repeat;2 番目の値なしで試してください。2 つの値の構文はCSS3 ワーキング ドラフトの一部であり、 IE9 では実装されない可能性があると思います。

于 2012-04-09T19:59:36.780 に答える
0

プロバコン：

background-repeat-x: 繰り返しなし; background-repeat: 繰り返し-y;

于 2014-12-04T14:21:45.500 に答える