当前位置: 首页 > 面试题库 >

CSS:隐藏对象是否可单击?

叶健柏
2023-03-14
问题内容

如果visibilityHTML元素样式的属性设置为hidden,它是否仍可单击?

当该display属性设置为时none,该元素甚至都不是DOM树的一部分,因此这不是问题。但是我想知道一个hidden元素是否仍然响应鼠标事件。


问题答案:

随着display: none 仍然DOM的一部分。只是没有在视口中渲染。

至于点击元素visibility: hidden,则 不会 触发事件。

$('div').click(function() {

    alert('Hello')

});


div {

    width: 100%;

    height: 100%;

    visibility: hidden;

}


<div>abc</div>


 类似资料:
  • 问题内容: 我有一个菜单和三个隐藏的div,这些div取决于用户选择的选项。我只想使用CSS来显示/隐藏它们。我现在正在使用jquery,但我希望禁用js即可访问它。此处有人为其他人提供了此代码,但仅在div:hover或div:active时有效,当我将其更改为div:visited时它不起作用。我是否需要添加某些内容,或者这不是正确的方法?感谢您的帮助:) 问题是我的客户希望菜单被选中时此di

  • 问题内容: 我想在显示旨在在建筑大厅中显示信息的网页时隐藏光标。它根本不需要是交互式的。我尝试使用cursor属性和透明的光标图像,但是没有使它起作用。 有人知道这是否可以做到吗?我想这对于不知道他在哪里单击的用户来说可以看作是安全威胁,所以我不太乐观……谢谢! 问题答案: 使用CSS: 一个例子: 要在Javascript中的元素上设置此属性,可以使用属性: 如果要对整个身体进行设置: 但是,请

  • 问题内容: 我一直在努力奋斗。我想绝对定位将在div中移动的图像,并希望剪切超出div的任何内容。这是问题的示例: 因此,我希望徽标的右边缘不显示。有想法吗? 问题答案: 由于图像的容器是绝对放置的,因此它不在“包含” div的范围之内。 您的选择是使用jQuery动态定位相对位置或调整绝对定位div的尺寸。

  • 问题内容: 我正在使用Selenium RC自动执行一些浏览器操作,但我希望浏览器不可见。这可能吗?怎么样?selenium网格呢?我也可以隐藏Selenium RC窗口吗? 问题答案: 有几种选择: 您可以使用Selenium Grid,以便在完全不同的计算机(或虚拟机)上打开浏览器,然后如果您想查看浏览器,则可以通过VNC或远程桌面连接连接到该计算机。另外,还有一个选择:如果在该远程服务器上运

  • 锁定或解锁对象或图层 锁定对象可防止对象被选择和编辑。只需锁定父图层,即可快速锁定其包括的多个路径、组和子图层。 若要锁定对象,请单击 “图层 ”面板中与要锁定的对象或图层对应的编辑列按钮(位于眼睛图标的右侧)。用鼠标指针拖过多个编辑列按钮可一次锁定多个项目。或者,您可以选择要锁定的对象,然后选择 “对象 ”>“锁定 ”>“所选对象 ”。 若要解锁对象,请单击 “图层 ”面板中与要解锁的对象或图层

  • 我在Confluence上运行的HTML/CSS主题上实现了以下菜单。 默认情况下,我正在运行的主题提供了激活所有菜单项的下拉菜单的选项。但是,我希望只为其中一个菜单项显示下拉菜单。 该主题没有提供切换特定菜单项下拉列表的选项,这就是为什么我不得不求助于自定义CSS。 与发行说明菜单项对应的HTML如下-- 此外,添加以下自定义CSS将删除所有菜单项的下拉菜单。 我希望CSS有条件地不显示RELE