源代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Wfuyu教程(wfuyu.com)</title> <style> img { position:absolute; left:0px; top:0px; z-index:-1; } </style> </head> <body> <h1>This is a heading</h1> <img src="/attachments/cover/cover_cssref.jpeg" width="100" height="140" /> <p>因为图像元素设置了 z-index 属性值为 -1, 所以它会显示在文字之后。</p> </body> </html>
运行结果：