جعبه ای با دو پس زمینه؟

سلام
دکمه ی دانلودی طرای کردم وبا استفاده از css پس زمینه رو توالی رنگ دادم حالا میخوام فلشی هم به عنوان عکس پس زمینه انتخاب کنم اما توالی رنگ از کار میوفته.
دوستان الگویی برای استفاده همزمان از توالی رنگ و عکس برای پس زمینه هست؟

کد:

---

a.bottom2{        position:relative;
        width:130px;
        color:#FFF;
        font-size:0.9em;
        display:block;
        text-decoration:none;
        margin:0 auto;
    border-radius:2px;
        border:solid 1px  #FFFFFF;
        text-align:center;
        padding:8px 25px;
        background-color:#090 ;
        background-image: url(../image/down24.png);
        background-position:right;
        background-repeat:no-repeat;
        transition-property:all;
        transition: ease-in;
        transition-duration:0.2s;
        box-shadow:1px 0px 5px  #333333;
        background:linear-gradient( 0deg,#090, #5EBB31 );
       
}

---

به این مثال دقت کنید:

کد:

---


.background {
    background-image: url(img.png), -moz-linear-gradient(top,  #3980a5 0%, #135e85 100%);
    background-image: url(img.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3980a5), color-stop(100%,#135e85));
    background-image: url(img.png),-webkit-linear-gradient(top,  #3980a5 0%,#135e85 100%);
}

---

در csss3 شما میتونید چند بک گراند در یک المنت داشته باشید و برای جدا کردن آنها از جدا کننده ویرگول ( , ) استفاده کنید

با اعمال دو مقدار به background-image مشکل حل شد ممنونم.
مشکل من این بود که سعی داشتم دو مقدار رو با همون روشی که گفتید به background نسبت بدم که نمی شد.
یه بار دیگه ممنون از راهنماییتون

سلام ببخشید
این سایت چجوریه؟ عنوان پستها هم شکلک داره هم زمینه چرم
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]