为编程爱好者分享易语言教程源码的资源网
好用的代理IP,游戏必备 ____广告位招租____ 服务器99/年 ____广告位招租____ ____广告位招租____ 挂机,建站服务器
好用的代理IP,游戏必备 ____广告位招租____ 服务器低至38/年 ____广告位招租____ ____广告位招租____ 挂机,建站服务器

网站首页 > 网络编程 > 面试题 正文

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

三叶资源网 2020-09-17 22:15:56 面试题 562 ℃ 0 评论

最基本的:
设置 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>


来源:三叶资源网,欢迎分享,公众号:iisanye,(三叶资源网⑤群:21414575

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

百度站内搜索
关注微信公众号
三叶资源网⑤群:三叶资源网⑤群

网站分类
随机tag
鱼刺类在线发音源码动画框应用例程网页分析工具按钮普通人学python有意义吗手游登录QQ邮箱扫码登录yasm汇编引擎淘宝宝贝列表分页源码自动售卡超文本浏览框进销存系统易语言例程进程保护Linux复数计算端口检测深度学习高级表格扩展类模块ExUI图标列表框
最新评论