<< div course=" background_sb">
<> < div course=" bg_container">
<> < div course=" sb-content">
<> < div design=" placement: loved one;">>.
<< div course=" op_wrap">
<> < div course=" op_up"><> .
<< img src=" mouse.png">
<> .
<.
<< div course=" shop-item">
<> < div design=" placement: loved one;"><> .
<< img src=" mouse.png">
<> .
<< div course=" shop-item">
<> < div design=" placement: loved one;"><> .
<< img src=" mouse.png">
<> .
<.
<.
. background_sb {
background-color: #eee;
extra padding: 20px;
}
. bg_container {
display screen: flex;
size: 80%;
margin: car;
margin-bottom: 10%;
}
. sb-content {
size: 33%;
extra padding: 15px;
}
. sb-content img {
size:100%;
display screen: block;
}
. op-wrap {
placement: loved one;.
leading:0;.
base: 0;.
size: 100%;.
elevation: 100%;.
overflow: concealed;.
}
. op_up {
placement: outright;.
size: 100%;.
elevation: 100%;.
background-color: rgba( 0,0,0,0.3);.
margin-top: 100%;;.
change: all 1sts;.
}
I intend to make div.op _ up mosts likely to up-ward and also situate on fifty percent of photo from base, and also intend to make it shows up just when I float my computer mouse on the img. However overflow: concealed; in op_wrap does not functions so it's overfloweded and also it shows up constantly. and also it stimulates just when i float on the op_up not img or op_wrap.
