css - Desplazamiento por el aire no reconocido en elemento flotante generado dinámicamente(control deslizante bx)

hover css-float

Question

Estoy usando bx Slider, usando controles externos para la diapositiva anterior y siguiente. Todo está funcionando bien. Sin embargo, estoy usando elementos flotantes para los controles, ya que los quiero en una línea y llenando todo el div que contiene (como en esta pregunta, CSS tres elementos en línea con alineación de izquierda a derecha, cómo ocupar todo el ancho disponible )

Sin embargo, los controles son generados dinámicamente por bxSlider, y por alguna extraña razón, si los elementos flotan, el vuelo estacionario no se reconoce

Aquí hay una página de ejemplo: http://demitogroup.comuv.com/d_store/copia.html

Si desactivo el flotador con firebug a #external_promo_controls, div hover se vuelve a reconocer.

Si los enlaces no se generan dinámicamente, el problema no aparece.

En Chrome sucede lo mismo.

No tengo ni idea de lo que está sucediendo.

Podría tratar de descubrir algo evitando usar elementos flotantes, pero luego volveré a mi primera pregunta ...

Answer 1

Si espera que su elemento flotante ocupe todo el espacio, intente configurarlo para que se muestre: bloquee explícitamente, si aún no lo está. Si eso no funciona, intente establecer un z-index grande para garantizar que nada oculto lo supere.