css怎么占位隐藏元素

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

方法2：使用opacity: 0隐藏占位

opacity 属性的意思是设置一个元素的透明度。它不是为改变元素的边界框（bounding box）而设计的。

这意味着将 opacity 设为 0 只能从视觉上隐藏元素。而元素本身依然占据它自己的位置并对网页的布局起作用。这和上面的visibility: hidden 相似。

示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>元素隐藏--opacity: 0</title>

        <style>

            .opacity{

                opacity: 0;

            }

        </style>

    </head>

    <body>

        <div>正常显示元素</div>

        <div class="opacity">隐藏元素</div>

        <div>正常显示元素</div>

 

    </body>

</html>

2.png

（学习视频分享：css视频教程）

以上就是css怎么占位隐藏元素的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

如何使用内嵌式引入css样式表

css字体颜色的设置方法

深入了解css中的选择器

内联css写法是什么

jquery如何使用css方法让按钮不可点击

css如何设置下划线为虚线

css怎么实现文本的垂直排列

font-weight:blod的跳动问题怎样用css解决

css中z-index是什么意思？

css nav-index属性怎么用

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...