悬浮无法识别浮动动态生成元素（bx滑块） [英] Hover not recognized on floating dynamically generated element (bx slider)

问题描述

我使用的bx滑块，使用外部控制上一个和下一个幻灯片。
一切正常。但是，我使用浮动元素的控件，因为我想要它们在一行，并填充整个包含div（如这个问题 CSS三个内联元素，从左到右对齐，如何占用所有可用宽度） / p>

但是，控件是由bxSlider动态生成的，并且由于一些奇怪的原因，如果元素是悬浮的hover无法识别

以下是示例页面： http://demitogroup.comuv.com/d_store/copia .html

如果我用firebug关闭浮动到#external_promo_controls div hover，则会再次被识别。

如果链接未动态生成，则不会显示问题。

在Chrome上也会出现同样的情况。

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

可以尝试找出一些东西，避免使用浮动元素，但后来我会再回到我的第一个问题...

解决方案

如果你期望你的浮动元素填充整个空间，尝试设置它显示：显式地块，如果它还没有。如果这不起作用，请尝试设置一个大的Z-索引，以保证没有隐藏的东西超过它。

I am using bx Slider, using external controls for previous and next slide. All is working fine. However, I am using floating elements for the controls, since I want them in a line and filling the whole containing div (as in this question CSS three inline elements with align from left to right, how to occupy all available width )

However, the controls are generated dynamically by bxSlider, and for some strange reason, if the elements are floating hover is not recognized

Here is an example page: http://demitogroup.comuv.com/d_store/copia.html

If I turn the float off with firebug to #external_promo_controls div hover is recognized again.

If the links are not generated dynamically the problem does not show up.

On Chrome the same happens.

I have totally no idea about what is happening.

Could try to figure out something avoiding to use float elements, but then I will be back again to my first question...

解决方案

If you expect your floated element to fill the whole space, try setting it to display:block explicitly, if it is not already. If that doesn't work, try setting a large z-index on it to guarantee nothing hidden is getting above it.

这篇关于悬浮无法识别浮动动态生成元素（bx滑块）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！