zoukankan      html  css  js  c++  java
  • 使用CSS隐藏HTML元素的四种常用方法

    CSS隐藏HTML元素的四种常用方法

    1.opacity设置opacity: 0可以使一个元素变得完全透明。

    设置的透明度会被子元素继承,而且无法取消。 

    通常可以使用opacity属性来制作元素的淡入淡出效果。

    设置opacity:1可以使透明元素变得可见。

    2.visibility: 是许多人在隐藏某个HTML元素时的首选。

    visibility:hidden视觉上看不见,但它所占据空间的位置仍然存在。

    3.display:none它是position:absolutevisibility: hidden;的折中方法。

    设置该属性后,该对象会在页面上彻底消失,并且不会再占用文档的空间

    将元素设置为display: block或其它值可以使元素再次可见。

    4.transparent:用于background-color:transparent;单纯的把背静或者border属性变成透明色,对子元素不会影响。

    *其中我们需要注意opacity是适用除IE浏览器以外的所有浏览器。

    filter:Alpha(opacity=50)是针对IE浏览器所用的透明属性。

     

    设置opacity: 0可以使一个元素变得完全透明

  • 相关阅读:
    webapi帮助文档swagger
    后台任务hangfire
    EF6 DbModelBuilder
    .net跨平台分析软件
    EF迁移命令
    NuGet Package Explorer
    ghost blog 中文资料
    IDependency自动注册autofac
    Abp zero 示例运行
    AutoMapperExtension
  • 原文地址:https://www.cnblogs.com/Lzz-/p/8593203.html
Copyright © 2011-2022 走看看