1

これは不可能だとほぼ確信していますが、私が正しいかどうかを尋ねたかっただけです。

背景色が無地でテキストが入ったコンテナがあります。これは画像の上に浮かんでいます。現在、文字の色は黒ですが、背景色とその背後の画像が透けて見えるように、文字が透明になりたいと思っています。これは不可能に聞こえるかもしれませんが、同じ画像でテキストをオーバーレイし、テキストを覆っている部分だけが見えるようにマスクすることで、同じ効果が得られると思いました。

私が何を意味するのかが明確であることを願っています。誰かが私がこれをどのように行うことができるかについての考えを持っていれば幸いです、そしてそれができない場合は、なぜそれができないのかといういくつかの証拠を私に指摘してください:)

ご協力いただきありがとうございます。

4

1 に答える 1

2

と呼ばれるWebkitベースのブラウザ用のプロパティがあります-webkit-background-clip: text。このように書いてください：

p{
    background-image:;
    background:  url(http://2.bp.blogspot.com/-NSwhl6hv41Y/Th5EIJL_zZI/AAAAAAAAFc4/UGUNfb--tGc/s1600/vector_wallpaper_by_seppoftw.jpg);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    font-size:100px;
    margin:40px;
}​

これをチェックしてくださいhttp://jsfiddle.net/yvYG8/

詳細については、こちらをお読みくださいhttp://trentwalton.com/2011/05/19/mask-image-text/

于 2012-05-07T08:54:41.660 に答える