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怎么占位隐藏元素的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

利用gulp实现压缩的实例

css list-style属性怎么用

如何使用 css 颜色？

css内边距是什么

css中有哪些字体属性

详解css中的:placeholder-shown伪类

css设置背景颜色

css background-position属性怎么用

css中的margin是什么意思

bootstrap css冲突吗

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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