我正在努力解决我的网站上的悬停问题。每当我翻阅产品时,产品描述都显示在它下面,我不能在我的生活中弄明白如何解决它:
它正在使用有感知的主题但是在花了一些时间在firebug中试图挖掘css后,我仍然无法弄清楚如何移动产品描述以便它显示在图像的顶部而不是在下面它
非常感谢任何帮助。谢谢!
答案 0 :(得分:1)
我认为这应该适合你:
// removes img from the flow, so doesn't push other elements down:
.product > img{position:absolute;z-index:1}
//on hover, give the other elements positioning & z-index
// so they're not hidden by the image:
.product:hover h3,
.product:hover .amount,
.product:hover .excerpt,
.product:hover .button add_to_cart_button product_type_simple
{position:relative;z-index:2}