文字水印在网站上？怎么做？ [英] text watermark on website? how to do it?

问题描述

我是一名C ++ / C＃开发人员，从未花时间在网页上工作。我想在一些页面的背景中以大字母（可能是随机的和对角的）放置文本。我希望能够读取前景文本，并且能够读取水印。我明白这可能更多是颜色选择的功能。

我试图做我想做的事情，但我一直没有成功。我会想象这对于具有网页设计工具或HTML知识的人来说非常简单。

解决方案

< style type =text / css>
#watermark {
color：＃d0d0d0;
font-size：200pt;
-webkit-transform：rotate（-45deg）;
-moz-transform：rotate（-45deg）;
位置：绝对;
宽度：100％;
身高：100％;
保证金：0;
z-index：-1;剩余
：-100px;
top：-200px;
}
< / style>


这使您可以仅使用文本作为水印 - 适用于网页的开发/测试版本。

 < div id =watermark> 
< p>这是测试版本。< / p> 
< / div> 
  

I am a C++/C# developer and never spent time working on web pages. I would like to put text (randomly and diagonally perhaps) in large letters across the background of some pages. I want to be able to read the foreground text and also be able to read the "watermark". I understand that is probably more of a function of color selection.

I have been unsuccessful in my attempts to do what I want. I would imagine this to be very simple for someone with the web design tools or html knowledge.

解决方案

<style type="text/css">
#watermark {
  color: #d0d0d0;
  font-size: 200pt;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: -1;
  left:-100px;
  top:-200px;
}
</style>

This lets you use just text as the watermark - good for dev/test versions of a web page.

<div id="watermark">
<p>This is the test version.</p>
</div>

这篇关于文字水印在网站上？怎么做？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！