IE 6 支援 PNG 透明背景

網路上有很多文章在介紹這方面訊息的
如果沒有深入使用的人
可能會覺得這類的檔案怪怪的
怎麼有時候可以用
但有時候卻不靈光…

這邊介紹的也是一般最常用的 IE PNG Fix
使用方式非常的簡單
下面是使用這檔案的方式：
img, div, a#demoLink { behavior: url("iepngfix.htc") }
HTC 的全名為 HTML Component
可將 JavaScript 內崁在裡面
可用 CSS 的方式將 .htc 檔案呼叫進來

使用這檔案請注意兩個部份：
  1. 請注意檔案引用位置是否正確。
  2. 此檔案並無向下延伸的功能。
比較簡單明瞭又不佔空間的方式為可單獨定義一個 css class：
div.transparent_bg { behavior: url("iepngfix.htc") }
實際上要用到的話可以如下引用：
＜ul id="momo"＞
＜li＞＜div class="transparent_bg c1"＞項目一＜/div＞＜/li＞
＜li＞＜div class="transparent_bg c2"＞項目二＜/div＞＜/li＞
＜/ul＞
你或許會想問為何不直接定義成：
#momo { behavior: url("iepngfix.htc") }
一來是那個 .htc 僅支援 HTML tag 為基礎來呼叫的方式
二來是他不支援向下延伸的定義


參考文章：
也許是目前修正IE6的PNG透明度問題最簡單的方法

Comments

Anonymous said…
喔...原來是沒辦法繼承屬性啊。不過我試過之後還是不行，我用IE6開他的demo網頁，也沒辦法看到png的透明度，不知道是版本的關係還是怎樣，不能用透明度png真是不方便...
October 2, 2007 at 3:41 AM
Anonymous said…
在網路找到了你的這個方法
是可以使用了透明效果
也用一陣子了
一直要上來跟你說謝謝　：D

可是後來發現
跑網頁時
圖會一張一張load下來（網頁視窗下方會有一堆圖檔網址跑快一直在load圖）

頁面資料很多時
會覺得很慢
我把png的那個css設定拿掉就恢復了

所以我想是這個效果的影響吧

請問你有遇過這個問題嗎

：D
November 14, 2007 at 4:16 PM
Goodspeed said…
Dear 阿馬達小姐,

之前測試都只有找幾個圖檔測而已
最近又比較忙得關係
所以會晚一點再跟您回報
到時候再到貴 Blog 上留言囉~
November 28, 2007 at 2:45 PM
Unknown said…
請問您說到無法有繼承問題，那一開始使用img,div{behavior:url("iepngfix.htc")}
的用意是什麼呢?
因為我是用
DIV.我的class{behavior:url("iepngfix.htc")}
這樣來寫
August 10, 2009 at 11:53 AM
Post a Comment

Popular posts from this blog

CentOS7 如何新增/移除 Rich Rule for firewalld

如果要針對某個 ip 開放某個 port 需要用到 rich rule 來設定 針對 public zone 列出永久的 rule # firewall-cmd --zone=public --list-all --permanent 針對特定的 ip 開放特定的 port 這邊是針對 sql server 開放 # firewall-cmd --add-rich-rule="rule family="ipv4" source address="1.1.1.1" port port="1433" protocol="tcp" accept" --permanent 如果要移除 rich rule # firewall-cmd --permanent --remove-rich-rule 'rule family="ipv4" source address="1.1.1.1" port protocol="tcp" port="1433" accept' PS. webmin 看不到 rich rule, 所以需要用 cmd 才能設定
Read more

mac 安裝 mtr

Image
macOS 上要安裝 mtr 看似簡單 $ brew install mtr 如果沒安裝過 HomeBrew 請參考這邊 mtr 可拿來檢查點對點中間的網路狀態 它結合 ping 及 traceroute 的功能 已內建於大多數的 Linux 中 詳細的說明可參考這邊 但這邊有個坑 由於安裝好的 mtr 不在 /usr/local/sbin 中 macOS 中也不存在這這個目錄（macOS 10.14.3） 所以會出現以下的錯誤 Error: The brew link step did not complete successfully The formula built, but is not symlinked into /usr/local Could not symlink sbin/mtr /usr/local/sbin is not writable. You can try again using: brew link mtr ==> Caveats mtr requires root privileges so you will need to run sudo mtr . You should be certain that you trust any software you grant root privileges. 執行 brew link mtr 會出現 Linking /usr/local/Cellar/mtr/0.92… Error: Could not symlink sbin/mtr /usr/local/sbin is not writable. 如何設定 1. 建立目錄及設定權限 sudo mkdir /usr/local/sbin && sudo chmod ug+rwx /usr/local/sbin && sudo chown $(id -un):admin /usr/local/sbin 2. 設定 PATH 如果有裝 zsh 的話 請編輯 vi .zshrc 如果沒有使用 zsh 請編輯 vi .bash_profile 將下面的部分貼到最下方 export PA
Read more

Howto use Postman test Cors

Image
Postman 是一個很方便測試 api 的工具 沒有他我不知道人生要怎麼過啊！ 開發程式上由於不同主機都一定會遇到 Cors 的問題 如果不要自己寫程式測試 那最快的方式就是用 Postman 了 請記得這邊要選「options」 然後 Header 裡面加入這兩行就可以了 這邊的變數視你的狀況而定 我的環境是利用 token 帶 jwt token 且沒有使用認證的機制 Access-Control-Request-Headers : token Access-Control-Request-Method : GET Status 回傳 200 代表有開通 Cors 如果沒開通會回傳 405 我這邊 Server side 是用 Lumen 搭配 這個套件 使用
Read more