Question

我目前正在开发一个简单的页面。

有谁知道将纹理图像叠加在文本上的任何方法？看起来目前的规格似乎不可能，但如果可能，请告诉我。

谢谢并保重！

Answer 1

您不能使用原生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>

Answer 2

不单独使用纯CSS，当然也不是以跨浏览器兼容的方式。最好只是使它成为一个透明的.png图像。

CSS纹理文本？

2 个答案: