产品图片上的CSS悬停问题

Question

我在悬停图片时遇到了问题。我需要将图像与底部重叠。 继承人的链接 http://hg01.ispghosting.com/techashram/UIDev_Inhouse_2014/Vivekraj_KR/Html5/BibAndTucker/index.html

Answer 1

如果您从li-tag中删除“border”并将其放在add_product.hover_visible上，那么可能会为此添加一些css？希望这会指出正确的方法：

position: absolute;
left: 0;
top: 0;
display: block;
border: 1px solid red; /*This would be your shadow box effect*/
height: 350px; /* Probably set a different height here that works better */ 
margin-top: 0; /* This was just to remove a CSS rule you had */

它要求您的li（或此标记的任何亲密父母）为position: relative;，但当我将这些规则输入您的页面时，它似乎会产生一种影响，这种影响已经达到了您想要的一半。祝你好运！