سوال: چطوری میشه؟ [بایگانی]

m.zibaee

دوشنبه 21 مرداد 1392, 12:41 عصر

سلام دوستان من میخوام پس زمینه سایتم گرادیانت داشته باشه بعد روی اون یه الگوی transparensy تکرار بشه
کدهای گرادیانتم ایناس که به body دادم:

background: #020031 ; /* Old browsers */
background: -webkit-linear-gradient(45deg, #020031 0%, #6d3353 100%) ;
background: -moz-linear-gradient(45deg, #020031 0%, #6d3353 100%) ;
background: -o-linear-gradient(45deg, #020031 0%, #6d3353 100%) ;
background: linear-gradient(45deg, #020031 0%, #6d3353 100%) ; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);

و کد عکس هم اینه

background-image: url(../images/bg.png) repeat center center;

حالا این دوتا چرا با هم نمایش داده نمیشن؟
وقتی که عکس رو نشون میده دیگه گرادینت نمیشه
چه کار کنم؟

s2/mri

دوشنبه 21 مرداد 1392, 12:51 عصر

سلام

کد عکسی رو که گذاشتین رو به div بدین بعد اون div رو بلافاصله بعد از body بیارین درصد شفافیت رو هم کم کنید که هم background ی که برا body گذاشتین اعمال بشه و هم عکسی که میخواین تو کل زمینه تکرار بشه

#bg{
background-image: url(../images/bg.png) ;

opacity:0.5
}

<body>
<div id="bg">
.
.
.