0

フラグが下のh2テキストを埋めていない理由について何か考えはありますか? 開発 URL: http://runnerupapparel.com/building/ (情報パネル)

バックグラウンド URL は正しくリンクしています: http://runnerupapparel.com/building/images/usa.png

h2.usa {
  background-size: 100px auto;
  -webkit-mask-image: url(../images/usa.png);
  -o-mask-image: url(../images/usa.png);
  -moz-mask-image: url(../images/usa.png);
 -ms-mask-image: url(../images/usa.png);
 mask-image: url(../images/usa.png);
 letter-spacing: -2px;
 font-weight: bold;
}
4

1 に答える 1

2

あなたが達成しようとしている効果は何ですか？

使用している画像は全体が100％不透明です。これmask-imageは、使用するpng画像の透明部分が異なる場合にのみ役立ちます。基本的に、png画像の透明度プロパティを使用しているものすべてに適用します。

私が言っていることのより良い例については：http：//www.benbarnett.net/2010/11/01/css3-text-effects-with-webkit-masking/

私はあなたの画像を撮り、彩度を下げ、白い部分をすべてすばやく削除しました（透明にしました）。あなたのURLを私が編集したものに置き換えてください、mask-imageそしてあなたは違いを見ることができます：http: //i49.tinypic.com/xe278p.png

mask-image現時点では、Webkitブラウザ（Chromeなど）でのみ機能することにも注意してください。

于 2012-06-27T19:13:46.110 に答える