3

このリンクに似たテキスト オーバーレイを作成しようとしています。見ると、テキストの色は div の色とは対照的であり、テキストがメインの div の色の外側のレイヤーで覆われているように感じます。この効果を得るにはどうすればよいですか？

4

2 に答える 2

5

Chrome Inspectorを使用しました。これは数字のスタイルです：

.metro .count {
    /*...*/
    color: rgba(0, 0, 0, 0.20);
}

あなたはそれを自分でチェックすることができます:

  • Chrome では、数字を右クリックして要素を検査します。
  • Firefox では、Firebugを使用します
  • F12 を押して、Internet Explorer (バージョン 8 以降) で
  • 他のブラウザにも同等のものがあります

CSS3についてはrgba()こちら

このプロパティ名の「a」は、ご想像のとおり、alpha を表しています。この新機能により、色の不透明度を指定できます。

于 2012-04-21T09:59:47.720 に答える
0

そのページでは半透明の影 (text-shadowルール) を使用して、テキストの背景の色を効果的に暗くしています。これが彼らが使用したCSSです

text-shadow: 0 1px rgba(0, 0, 0, 0.3);

rgba(0, 0, 0, 0.3)不透明度 30% の黒として解決されます。

于 2012-04-21T10:00:17.913 に答える