CSS 中可以通过哪些属性定义,使得一个 DOM 元素不显示在浏览器可视范围内?

最基本的:
设置 display 属性为 none,或者设置 visibility 属性为 hidden 


技巧性:

设置宽高为 0,设置透明度为 0

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>           /* 技巧型:宽高为0         img {             width: 0;             height: 0;         } */         /* img {             opacity: 0;         } */              </style> </head> <body> <div style="display: none;">1111111</div> <div style="visibility: hidden;">1111111</div> <img src="http://www.sanye.cx/zb_users/theme/txcms2/include/logo.png" alt=""> </body> </html>

发表回复

您的邮箱地址不会被公开。必填项已用 * 标注