0

私はCSS3パイを使用しており、ヘッドタグの直前に添付されたjsファイルで呼び出しています。

なぜか私の背景画像が表示されます。z-index と位置の相対修正を追加する標準を試しましたが、表示されません。ヘルプガイダンスをいただければ幸いです。

以下はcssです。

.linkButton {
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #dc5c00;
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-gradient(linear, 0% 0% 0% 100% from(#e36000), to(#c85400));
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -webkit-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -moz-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -ms-linear-gradient(top, #e36000, #c85400);
  background: url('../Images/linkButtonBg.png') 100% 9px no-repeat, -o-linear-gradient(top, #e36000, #c85400);
  -pie-background: url('../Images/linkButtonBg.png') 100% 9px no-repeat #000;
  padding: 10px 10px 10px 11px;
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  box-shadow: inset 0 1px 0 0 #ff801e, 0 0 1px 1px #ffffff, 0 0 1px 1px #ffffff;
  border: 1px solid #c85400;
  text-shadow: #813700 2px 2px 1px;
  line-height: 12px;
  margin-bottom: 7px;
  width: 326px;
  display: block!important;
  position:relative;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;`enter code here`
  z-index:1;
}
4

3 に答える 3

3

まず第一に、プレーンな古いイメージ + 背景色には -pie-background は必要ありません。

-pie を使用する場合は、パスがcss ではなく html に対して相対的であることを覚えておいてください。

(Mime-type などを設定していて、さまざまな場合に pie が機能すると仮定します。)

于 2012-05-29T14:32:37.810 に答える
0

次のように、ドットとスラッシュなしでリンクしてみてください。

-pie-background: url('Images/linkButtonBg.png') 100% 9px no-repeat #000;
于 2012-05-29T13:16:21.480 に答える
0 
.linkButton{
    behavior: url(PIE.htc);
}

また、次の内容の .index ファイルを PIE.htc ファイルと同じ場所に追加してみてください。

詳細http://css3pie.com/

http://css3pie.com/documentation/

于 2012-05-29T11:55:59.093 に答える