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

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專用。

回應

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

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

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

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

zoom:1;

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

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

發表新回應

這個欄位的內容會保密,不會公開顯示。 If you have a Gravatar account, used to display your avatar.
  • 自動將網址與電子郵件位址轉變為連結。
  • 可使用的 HTML 標籤:<a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • 自動斷行和分段。

更多關於格式選項的資訊