首先,使用display:none将其隐藏,代码如下:
.more_product_hover{
width: 85px;
height: 100%;
min-height: 100px;
border-left: 1px solid #e7e7e7;
position: absolute;
background-color: #f9f9f9;
overflow: hidden;
right: 0;
top:0;
display: none;
}
使用hover事件,hover后跟事件,如下:
.more_product div:hover .more_product_hover {
/*background-color: red;*/
display: block;
}