hahaie
یک شنبه 18 تیر 1396, 23:22 عصر
سلام دوستان
کد زیر یه عکس با border radious هستش:
<div id="div_main_left" style="width: 230px;height: 500px;">
<ul id="ul_tv" style="padding: 0;margin: 0">
<li>
<a style="display: block; position: relative">
<img class="li_image" src="Images/TV_100_Innovative_Products.jpg" style="width: 230px;height: 130px;border-radius: 50%"/>
</a>
</li>
</ul>
</div>
به کمک کد زیر یه سایه انداختم روی عکس:
<style>
#ul_tv li a::before{
content: " ";
width: 100%;
height: 130px;
background: rgba(0,0,0,0.3);
display: block;
position: absolute;
}
</style>
مشکلم اینه که چرا قسمتهای اضافی سایه برش نمیخوره و نشون داده میشه؟
اینم عکس(برای کدای بالا):
145714
ممنون
کد زیر یه عکس با border radious هستش:
<div id="div_main_left" style="width: 230px;height: 500px;">
<ul id="ul_tv" style="padding: 0;margin: 0">
<li>
<a style="display: block; position: relative">
<img class="li_image" src="Images/TV_100_Innovative_Products.jpg" style="width: 230px;height: 130px;border-radius: 50%"/>
</a>
</li>
</ul>
</div>
به کمک کد زیر یه سایه انداختم روی عکس:
<style>
#ul_tv li a::before{
content: " ";
width: 100%;
height: 130px;
background: rgba(0,0,0,0.3);
display: block;
position: absolute;
}
</style>
مشکلم اینه که چرا قسمتهای اضافی سایه برش نمیخوره و نشون داده میشه؟
اینم عکس(برای کدای بالا):
145714
ممنون