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="//www.sanye.cx/zb_users/theme/txcms2/include/logo.png" alt="">
</body>
</html>

发表回复

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