Css 浮动动态生成的元素(bx滑块)上无法识别悬停

Css 浮动动态生成的元素(bx滑块)上无法识别悬停,css,hover,css-float,dynamically-generated,bxslider,Css,Hover,Css Float,Dynamically Generated,Bxslider,我正在使用bx滑块,为上一张和下一张幻灯片使用外部控件。 一切正常。但是,我对控件使用浮动元素,因为我希望它们排成一行并填充整个包含div的部分(如本问题中所示) 但是,这些控件是由bxSlider动态生成的,并且由于某些奇怪的原因,如果元素是浮动的,则不会识别hover 以下是一个示例页面: 如果我用firebug将浮动关闭到#外部#促销#控制div hover会再次被识别 如果链接不是动态生成的,那么问题就不会出现 在Chrome上也会发生同样的情况 我完全不知道发生了什么事 可以尝试找出一

我正在使用bx滑块,为上一张和下一张幻灯片使用外部控件。 一切正常。但是,我对控件使用浮动元素,因为我希望它们排成一行并填充整个包含div的部分(如本问题中所示)

但是,这些控件是由bxSlider动态生成的,并且由于某些奇怪的原因,如果元素是浮动的,则不会识别hover

以下是一个示例页面:

如果我用firebug将浮动关闭到#外部#促销#控制div hover会再次被识别

如果链接不是动态生成的,那么问题就不会出现

在Chrome上也会发生同样的情况

我完全不知道发生了什么事


可以尝试找出一些避免使用浮点元素的方法,但是我将再次回到我的第一个问题…

如果您希望您的浮点元素填充整个空间,请尝试将其设置为显式显示:block(如果尚未显示)。如果这不起作用,请尝试在其上设置一个大的z索引,以确保没有隐藏的内容在其上方。

如果这有帮助,我发现“下一步”按钮可以识别悬停,如果光标正好位于悬停的末尾。就个人而言,这确实让我更加困惑,不管怎样,在开发人员控制台中,检查元素的计算宽度。听起来它可能正在崩溃,在这种情况下,您可能需要指定特定的宽度/高度,或者在按钮内添加占位符元素。嘿,您可以撤消对按钮的更改吗?我可以给您更好的输出我只需刷新页面,它就可以正常工作,只要我明确声明height属性。我真的不明白为什么会这样。悬停在子元素上,那么为什么父属性会影响它们的行为,而不是影响它们的显示方式呢?这对我来说很奇怪。不管怎样,这解决了问题,非常感谢。