帶有CSS的紋理文本？

我目前正在開發一個簡單的頁面。帶有CSS的紋理文本？

有誰知道有什麼方法可以覆蓋到文字紋理圖像？目前的規範似乎不可能，但請讓我知道這是否可能。

感謝和照顧！

來源

2010-09-23 John Calvin

不能單純CSS，並且肯定不是一個跨瀏覽器兼容的方式。最好只是使它成爲一個透明的.png圖像。

來源

2010-09-23 15:03:12 Andrew

謝謝 - 一個希望可以每天在那裏玩的瀏覽器很好地在一起！ '那麼，保重。 – 2010-09-23 15:29:04

不能覆蓋到文字圖像與原生CSS 2.1，這將不會落實到CSS 3.0兩種。最佳做法是使用背景圖片，並仍然使用<h1>標籤中的文字，並使用CSS隱藏它。

<style> 
h1 { background:url(images/imagepath.png) no-repeat; height:50px; width:300px; text-indent:-10000px; } 
</style> 

<body> 
    <h1>Insert Text Here</h1> 
</body>

來源

2010-09-23 15:04:15

這也是我的想法。感謝您付出努力輸入html。 – 2010-09-23 15:28:19

不知道爲什麼沒人回答這個問題。這是可能的使用background-clip：https://codepen.io/janeyee/pen/Leadx

來源

2017-08-12 13:41:56 Grsmto

帶有CSS的紋理文本？

回答

相關問題