[CSS] 萬無一失的透明寫法

花水木在2009-10-22 (四) 11:21初次發表，在2009-10-22 (四) 20:23做了最後更新。

XHTML+CSS

CSS可以讓東西變成透明，可以讓東西變得漂漂亮亮，但是很麻煩的是，不同瀏覽器需要的寫法不同，因此一個透明，事實上你要寫三行CSS才行。

.opacity {
  opacity: 0.8;
  -moz-opacity:0.8;
  filter:alpha(opacity=80);
}

其中opacity: 0.8;是給Firefox新版用的，所有標準化的瀏覽器也都適用，-moz-opacity:0.8;是給Firefox舊版，filter:alpha(opacity=80);則是IE專用。

人氣(4639)

回應

年節禮品發表於2010-01-21 (四) 16:44.

直接用 “display:none;” 這個好不好呢？很短，不知實不實用？

回應

水無月冬璃發表於2010-02-02 (二) 08:18.

其實在下原本就是花水木的fans啦…只是一直都不敢回文 (掩面
之前用 WordPress 看了很多文章都很實用 www

最近在下的小窩在進行瀏覽器相容修正…碰到一些問題
原本在自己嘗試上面的語法… IE8 Firefox(Gecko) Chrome(AppleWebKit)、Opera 都可以
但是在 IE6 7 的時候 div 好像沒辦法吃 opacity 屬性呢…

拜 Google 所賜找到了修正方法…需要加上 layout 屬性才行
所以修正方法呢是以下…

zoom:1;

希望對翻到這篇文章的人有點幫助… www

回應

不知名花客發表於2010-03-31 (三) 18:13.

不好意思
有個問題可以請問你嗎
javascript的基本語法不外乎運算源變數和流程控制等等
和網頁控制的相關聯性不大
我的疑問是大部分的語法如for().?: 等語法對我控制網頁有何關鏈
另外為何會有許多人談到動態網頁的部份一定會說到 css.javascript及ajax
javascript 絕得好像與網頁真的沒關連ㄟ
因為我在想說要不要看書學javascript
麻煩你給我意見謝謝

回應

jsscecccynr 發表於2011-07-12 (二) 03:25.

sEP0JD bbeaujseblht, [url=http://mnvitrwojllb.com/]mnvitrwojllb[/url], [link=http://uenmgpioprrv.com/]uenmgpioprrv[/link], http://xzetjlpkfffe.com/

回應

fxccvirs 發表於2011-09-12 (一) 18:42.

Vwzeqi mzabndwvrscc, [url=http://yhdwdrvproyk.com/]yhdwdrvproyk[/url], [link=http://kqajomrggczv.com/]kqajomrggczv[/link], http://tmscndnvgnus.com/

回應

RamonaJensen 發表於2011-12-30 (五) 02:17.

It is well known that cash makes us disembarrass. But what to do if someone does not have cash? The one way is to get the home loans and just term loan.