顯示與CSS Gradiant效果的圖像

我申請的CSS gradiant效果，這樣表的「日」一欄，顯示與CSS Gradiant效果的圖像

background: -moz-linear-gradient(top,white 5%,#D6DFE3); 
    background: linear-gradient(top,white 5%,#D6DFE3);

後，我不得不追加一個類，其CSS是像這樣的一些事情在這我想顯示的圖像

.Img 
{ 
    background-image:url(../images/asc.png); 
    background-color:Green; 
}

我追加.IMG類的日。但由於漸變效果，圖像未顯示。我怎樣才能解決這個問題。

來源

2013-03-19 user1884709

試試這個：

th{ 
    background: -moz-linear-gradient(top,white 5%,#D6DFE3); 
    background: linear-gradient(top,white 5%,#D6DFE3); 
    z-index:-1; 
} 
.Img 
{ 
    background-image:url(../images/asc.png); 
    background-color:Green; 
    z-index:1;position:absolute; 
}

來源

2013-03-19 04:53:37

不是爲我工作 – user1884709 2013-03-19 05:02:33

可以在'th'使用'圖像tag'。 – 2013-03-19 05:24:42

您可以在使用<img>標籤<th>或任何其他標記像<span>或<button>，並給它所需的背景風格

來源

2013-03-19 06:41:57 LRA

我解決了這個問題，因爲

th{ 
    background: -moz-linear-gradient(top,white 5%,#D6DFE3); 
    background: linear-gradient(top,white 5%,#D6DFE3); 
} 

.Img 
{ 
    background :url(../images/asc.png), -moz-linear-gradient(top,gray 5%,#D6DFE3) !important; 
    background: url(../images/asc.png), linear-gradient(top,gray 5%,#D6DFE3) !important; 

    background-position:right center !important; 
    background-repeat:no-repeat !important; 
}

The ！important important tag did欺騙我。我能夠用覆蓋的行爲！重要

來源

2013-03-19 06:52:51 user1884709

顯示與CSS Gradiant效果的圖像

回答

相關問題