與PNG

我怎樣才能讓裏面與PNG

<div class="box"> 
<p>some text, some text</p> 
<div class="fading"></div> 
</div> 

.box { 
width: 200px; 
} 

.fading { 
background: url('img/fading.png') no-repeat 0 0; 
}

衰落的文本，但如果我沒有一個白色的背景，例如喜歡這裏褪色的文字：http://beta.ruh.kz（ПОПУЛЯРНЫЕСТАТЬИ - 所謂的文本塊）哪有我如果沒有白色背景做一個png的褪色技巧？

fading text at the bottom

來源

2012-09-26 Heihachi

只要改變'fading.png'相匹配的背景圖像。 –

我真的不明白你想達到什麼目的。如果您可以在白色背景上向我們展示一個工作示例，那就太好了。 – JustAPoring

-1

在此頁：

http://webdesignerwall.com/tutorials/css-gradient-text-effect

http://css-tricks.com/text-fade-read-more/

有你的問題教程

來源

2012-09-26 12:14:38 Mark

這不會工作，因爲：1）在這個例子中，他只是黑色的背景，正如你可以從我附加的圖像看到我沒有一個黑色的背景（我有條紋）2）這是CSS3，並非所有的瀏覽器都會承認它。 – Heihachi

1鏈接在沒有CSS3的情況下工作，只是在您的文本上放置一個透明的淡入淡出的圖像。它不會褪色背景顏色。因爲演示文稿是黑色的，所以它不一定是黑色的。 – Mark

從第一個鏈接清楚地說：這個技巧只適用於純色的背景色元素。您的漸變顏色（PNG圖像）必須與背景顏色的顏色相同。 – Heihachi

你的問題是很難理解，但我想幫你。如果你想淡出圖像或文字使用fading{opacity:0.7;}你可以相應地更改值。

，或者如果你想在彩色背景使用圖像您需要做一個透明的PNG圖像作爲參考網站...

來源

2012-09-26 13:00:31

回答

相關問題