HTML煙霧背景是一種很酷的效果，可以用于網(wǎng)站的背景或者其他設(shè)計(jì)元素。下面是一個(gè)簡(jiǎn)單的代碼示例。
<html>
<head>
<style>
body {
background-color: #333;
}
.smoke {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background: url(smoke.png) no-repeat center center fixed;
background-size: cover;
opacity: 0.4;
}
</style>
</head>
<body>
<div class="smoke"></div>
<h1>Welcome to my website!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla euismod enim vitae ex mollis, id suscipit nunc bibendum. Aliquam commodo felis vel iaculis vestibulum. Integer scelerisque consequat magna, sit amet pellentesque ex rhoncus at. Vestibulum eu lectus et quam sagittis pharetra in sed nunc.</p>
</body>
</html>在上面的代碼中，我們?cè)O(shè)置了一個(gè)名為"smoke"的div元素，其中包含一個(gè)煙霧背景圖片。我們還將該元素的opacity屬性值設(shè)置為0.4，這樣可以使得背景看起來(lái)更加透明和柔和。最后，我們將該元素的z-index屬性值設(shè)置為-1，這樣它就會(huì)被放置在網(wǎng)頁(yè)的最底部，不會(huì)影響其他元素。