谷歌调试工具选取元素选择不到页面的详细元素问题

z-index的问题

document的默认值是0.

一旦出现这样的问题，检查下是否对大背景设置了z-index：-1;

假设设置了这个，那么全部的被设元素的内容都会在document之下，选取不到。包含不会出现链接点击、文字选取、hover等效果。

所以解决问题的方法就是把大背景的z-index:-1;去掉就可以。

时间： 2024-08-30 10:12:44

谷歌调试工具选取元素选择不到页面的详细元素问题的相关文章

谷歌调试工具选取元素选择不到页面的具体元素问题

z-index的问题 document的默认值是0. 一旦出现这种问题,检查下是否对大背景设置了z-index:-1; 如果设置了这个,那么所有的被设元素的内容都会在document之下,选取不到.包括不会出现链接点击.文字选取.hover等效果. 所以解决这个问题的方法就是把大背景的z-index:-1;去掉即可.

1.语义元素大多数HTML5语义元素的用途是标识页面中的一个内容区块,为标注的内容赋予额外的含义,不真正做任何事. 2.使用语义元素的原因容易修改和维护: 无障碍性(现代Web设计的一个重要主题): 对搜索引擎的友好性高: 适应未来的浏览器和Web设计工具的发展趋势 3.语义元素的来历在发明HTML5之前,其发明者花很长时间研究已有的网页,还研读了谷歌对十几亿个网页的统计信息.谷歌公布的这个调查分析并列出了Web作者在自己网页中使用的类名,将Web页面中一些共性的东西(比如页面都有页眉.页

jQuery基础学习5——JavaScript方法获取页面中的元素

给网页中的所有<p>元素添加onclick事件 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head>

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

selenium测试框架篇，页面对象和元素对象的管理

前期已经做好使用Jenkins做buildhttp://www.cnblogs.com/tobecrazy/p/4529399.html 做自动化框架,不可避免的就是对象库. 有一个好的对象库,可以让整个测试体系: 更容易维护大大增加代码重用增加测试系统的稳定性这里先了解一下我所说的对象库: 所谓的页面对象,是指每一个真是的页面是一个对象. 比如zhihu的登陆页面是一个页面对象,http://www.zhihu.com/#signin 这个页面对象主要包含一个输入邮箱的输入框(一个元素对

删除DriverStore\FileRepository文件夹后，设备驱动无法安装，提示“没有为设备信息集或元素选择驱动程序（代码 28）”的解决办法

前言: 我前几天手贱,整个FileRepository删除掉了,之后重启就出现了让人蛋疼的这个问题,因为出于各种原因不想重装系统,百度轮番换搜索词无果,虽然驱动装上了但新设备依然无法自动安装驱动等"一堆瑕疵",重启无数次折腾3天之后才在百度一个帖子的一个字眼里发现了解决办法(说此方法的人自己说删了INFCACHE.1后也无效,所以没有引起注意),也因此有了这个随笔: 1.首先你要恢复FileRepository文件夹,至于方法嘛,可以下载完整的WIN7系统镜像后提取出来,如果是原版则用

[ jquery 选择器 :gt(index) ] 此方法选取匹配大于指定索引值的所有元素

此方法选取匹配大于指定索引值的所有元素:角标值从0开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword

[ jquery 选择器 :lt(index) ] 此方法选取匹配小于指定索引值的所有元素

此方法选取匹配小于指定索引值的所有元素:从 0 开始计数 <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2

js获取页面的可是宽度，占位宽度，获取元素左上角相对页面左上角的位置，页面左上角相对可是区域的位置，元素是否存在于页面可视范围内

1 var css = (function () { 2 var doEle = document.documentElement, 3 doBody = document.body, 4 elementScrollLeft, 5 elementScrollTop, 6 utils, 7 offsetLeft, 8 offsetTop, 9 offsetParent; 10 11 utils = { 12 13 // 获取页面的可视宽度和高度 14 getAvailPage: function