PS: - 这是一个通过点击小部件激活的CSS代码。谢谢。一旦我开始知道它是CSS,小部件名称和动作(悬停)我能够管理。
上述PS之前的问题: -
我有一个小部件,其中一个侧栏菜单滑出。我想获得这个元素的ID在Selenium中编程。但是要使用Firebug或Chrome'识别元素',我需要将鼠标放在小部件上。但是,只要我接近NEAR小部件,它就会激活侧栏,我不知道这个元素的ID。
有什么方法可以掌握这个小部件的身份?
我尝试按照下面的回答建议禁用Javascript,但它没有帮助。也许这是启用滑块的代码: -
#content-wrap1 {
position: fixed;
z-index:999;
top: 40px;
left: 0;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#sidebar1{
position: fixed;
z-index:999;
top: 0px;
left: -250px;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#content-wrap1:hover {
left: 50px;
z-index:999;
}
#content-wrap1:hover #sidebar1{
left: 0;
z-index:999;
答案 0 :(得分:1)
如果使用Javascript完成滑出,您可以暂时禁用Javascript,然后检查ID。
另一种方法是单击周围的元素,然后在源视图中接近元素。
更新
似乎幻灯片已完成CSS过渡。您可以使用:hover
伪选择器查找选择器。
在这种情况下,id似乎是content-wrap1
#content-wrap1:hover {
left: 50px;
z-index:999;
}
#content-wrap1:hover #sidebar1{
left: 0;
z-index:999;
当鼠标悬停在sidebar1
上时,会显示content-wrap1
。
请注意,这只是猜测。