Watermark

Watermark on a HTML can be add by using <div> with CSS.

<html>
<head>
    <title>Water Mark</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style>
    #watermark {
        position: fixed;
        z-index: 99999;
        width: 100%;
        text-align: center;
        margin-top: 5%;
    }
    #watermark p {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0.15;
        color: #FF0000;
        font-size: 200px;
        pointer-events: none;
    }
	</style>
</head>
<body>
	<div id="watermark">
		<p>Watermark</p>
	</div>
	<div>
		<p>My HTML Content...</p>
	</div>
	<div>
		<p>My HTML Content...</p>
	</div>
</body>
</html>

  • css/watermark.txt
  • Last modified: 2018/10/30 10:53
  • by chongtin