`

设置是否显示对象 ,用display 和visibility

 
阅读更多

display就不说了,太熟悉了

 

.说visibility

语法:  visibility : inherit | visible | collapse | hidden 
参数:
 inherit :  继承上一个父对象的可见性
visible :  对象可视
hidden :  对象隐藏
说明: 
设置或检索是否显示对象。与display属性不同,此属性为隐藏的对象保留其占据的物理空间。
如果希望对象为可视,其父对象也必须是可视的。

分享到:
评论

相关推荐

    display和visibility的区别

    visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。 vilibility:hidden(隐藏)、visible(显示) style="vislbility:hidden" display:none(隐藏)、block(显示) style="display:none" 可以保存...

    display属性.doc

    - 使用`display`属性时需要注意与`position`、`float`等其他CSS属性的配合使用。 - 在处理响应式设计时,根据屏幕尺寸动态调整元素的`display`值是一种常见的做法。 - 测试不同浏览器下的表现非常重要,因为某些旧版...

    CSS-day06 (2).pptx

    visibility 设置或检索是否显示对象。visibility 属性有两个主要值:visible 和 hidden。 * visibility: visible; 对象可视。 * visibility: hidden; 对象隐藏。 特点:隐藏之后,继续保留原有位置。 1.3 ...

    按钮显示和隐藏

    ### 按钮显示和隐藏知识点详解 #### 一、知识点概述 在Web开发中,按钮的显示与隐藏是常见的交互需求之一。本知识点主要围绕一个具体的HTML示例来讲解如何通过JavaScript实现按钮的显示与隐藏功能。示例代码通过...

    CSS控制DIV层显示和隐藏的实现方法

    display属性用来设置或检索对象是否显示以及如何显示。 - display:none; 属性值用来隐藏一个元素,隐藏的元素不会占据任何空间,也就是说该元素所处的位置会变成一个空白区域,仿佛该元素不存在一样。 - display:...

    jquery 设置style:display的方法

    关于`style:display`的设置,jQuery提供了一系列方便的API,使得开发者能够更加便捷地控制元素的显示和隐藏状态。下面我们将深入探讨jQuery中设置`display`属性的方法。 1. **使用`.css()`方法** `.css()`方法是...

    JavaScript 第三章 DOM编程基础 使用document对象

    在实际应用中,例如“简单树形菜单素材”,可能涉及到使用JavaScript动态创建和控制DOM元素,通过点击事件改变元素的`display`或`visibility`属性来实现菜单的展开和折叠效果。 复习框全选效果素材可能涉及`...

    CSS-day06.pdf

    `display` 属性设置或检索对象是否及如何显示。它的特点是隐藏之后,不再保留位置。实际开发场景中,`display` 属性常用于配合 JavaScript 做特效,如下拉菜单等。 1.2 `visibility` 属性 `visibility` 属性设置或...

    JS显示隐藏HTML控件

    - 使用框架库:jQuery、Vue.js、React等提供了更简洁的API来操作元素的显示和隐藏。 - CSS动画过渡:结合CSS动画,可以使隐藏和显示过程更加平滑。 理解这些概念并能灵活运用,将有助于你在网页开发中实现各种...

    用js实现控件的隐藏及style.visibility的使用

    本示例主要讲解如何使用JavaScript来控制控件的隐藏与显示,特别是通过设置`style.visibility`属性来实现这一功能。下面我们将深入探讨这个知识点。 首先,`style.visibility`属性是CSS中用于控制元素可见性的属性...

    用鼠标控制层的显示

    在IT领域,特别是前端开发中,使用鼠标控制层的显示是一种常见的交互设计方式,它能够增强用户界面的动态性和响应性。根据给定文件的信息,我们可以深入探讨这一知识点,包括其实现原理、代码分析以及应用场景。 ##...

    JavaScript中的style.display属性操作

    这个属性是CSS(层叠样式表)的一部分,但在JavaScript中可以直接通过DOM(文档对象模型)进行访问和修改。 `style.display`的兼容性非常广泛,从Internet Explorer 4+到Netscape Navigator 4+都支持。由于它不是...

    Allegro应用技术 颜色格点.doc

    11. **设置对象颜色**:在DISPLAY > COLOR > VISIBILITY中,选择相应的层或对象,自定义颜色。 12. **背景颜色设置**:DISPLAY > COLOR > BACKGROUND可以改变设计界面的背景色,例如设置为黑色以增强对比度。 13. ...

    IE/火狐/Chrome操作display:none对象所遇问题解答

    `常用于控制页面上的元素是否显示,当设置为`none`时,该元素及其子元素不会出现在渲染的页面上。但是,不同的浏览器在处理`display: none;`时可能会有细微差别,导致在使用过程中出现意料之外的问题。本文将通过...

    第16讲 DOM编程-Document对象(三).ppt

    在提到的任务一中,制作带选项卡的菜单,通常会使用`getElementById`方法来获取每个选项卡和内容区的元素,然后通过改变元素的显示状态(如`style.display`),实现不同选项卡内容的切换。例如,当点击某个选项卡时...

    Cadence&Allegro中文教程

    - 设置显示对象:如开启`Components`下的`RefDes`等。 - 结束录制:选择`File-Script-Stop`命令结束录制。 - 编辑脚本文件:可以在文本编辑器中打开`colors.scr`文件进行编辑。 - 回放脚本:在命令行输入`replay...

    JS控制HTML元素的显示和隐藏的两种方法

    相反,使用display属性来隐藏一个元素,一旦元素被设置为display="none",它不仅不显示出来,而且完全不占据任何空间。当元素重新设置为display="block"或其他合适的值时,元素将会重新显示出来,但可能会引起页面...

    前端面试题,包含了基础的css和vue原理面试题,带答案

    其中,Content Box 是用于显示内容的区域,大小可以通过设置 width 和 height 来控制;Padding Box 是 Padding 相关属性设置的空白区域;Border Box 是边框盒,包围内容和内边距,大小通过 border 相关属性设置;...

    javascript经典特效---多层的显示与关闭.rar

    在"多层的显示与关闭"这个主题中,我们将会深入探讨如何利用JavaScript实现复杂层级结构中的元素显示和隐藏控制。 首先,JavaScript的核心在于DOM(Document Object Model),它将HTML或XML文档结构化为一个可编程...

    仿淘店铺鼠标经过店铺名显示店铺详细信息

    - **响应式设计**:确保在不同屏幕尺寸下,悬浮层依然能正确显示,可能需要使用媒体查询(`media queries`)和百分比单位。 3. **jQuery库**: - **文件`jquery-1.3.2.min.js`**:这是jQuery库的一个版本,jQuery...

Global site tag (gtag.js) - Google Analytics