在Web開發中,水印是一種常見的設計元素。通過給HTML使用CSS加水印,可以有效地提升網站的美觀性和專業性。
/* 定義水印樣式 */ .watermark { position: fixed; top: 0; left: 0; z-index: -1; pointer-events: none; background-image: url('watermark.png'); opacity: 0.5; }
在上述代碼中,我們定義了水印的樣式,并將其作為背景圖片。為了讓水印不會干擾到網站的交互效果,我們設置了其z-index為負值并將pointer-events設置為none。
最后,在HTML中添加水印元素即可。需要注意的是,添加水印元素位置應該放在網站內容的最底部,以免覆蓋其他元素。