0
چگونگی تکرار نشدن عکس پشت زمینه div
یک div ساختم عرضش رو 100% کردم یعنی پیکسل ندادم اما عکس پشت زمینه اش تکرار میشه ، میخام تکرار نشه و عکس هم به همون اندازه div که 100% میشه اتوماتیک بزرگ بشه وکل div رو بپوشونه
3 پاسخ
2
برای این حالت شما باید از background-size استفاده کنید:
<style>
.box{
width: 100%;
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-image: url(images/pic.jpeg);
}
</style>
<div class="box">
</div>
1
دوست من فقط کافیه repeat عکس رو به صورت no-repeat قرار بدی:
<style>
.myDiv
{
background : white url("../img/myImage.jpg") no-repeat;
}
</style>
1
سلام
اگر عرض و ارتفاع عکست رو هم 100% بدی کل div رو پوشش میده و نیازی به no-reapeat هم نیست.
اگر background داده باشی این کد رو براش بذار :
background-size: 100%;