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

如何設定 SSL VPN 分割通道 on Fortigate 80C

Image
以前用 VPN 沒什麼好感 因為每次切到 VPN 通道網路就會被整個帶過去 下載的檔案、MSN、連正在聽得廣播都會斷 而且速度又慢，真不知道那些大公司用 VPN 怎麼都很像很開心 ._. 直到公司買了一台 Fortigate 80C 才慢慢瞭解 SSL VPN 除了連線方便快速以外 還有很多好用的地方！ 這 VPN 的連線速度實在不是一般家用的 router 可以比擬的 另外 Fortigate 的界面比 Juniper 好上太多了 回到正題 首先要先瞭解，為什麼要設定分割通道（split tunneling） 如果不設定的話，那你連上 VPN 後所以的網路傳輸都會透過 VPN 那端的網路進行 如果你今天在家裡 on call 要連到公司處理事情 但連上後，做完事情忘記切斷 VPN 如果上網逛網拍，打線上遊戲，再來看一下 PPS 網路電視 除了"佔據"公司網路頻寬以外，你的網路行為可能都被 Log 下來了 如果有設定分割通道 那麼除了處理公司的事情，其他的網路行為都不會從公司繞出去 這樣就會"自然"很多 FortiOS版本： v4.0,build0313,110301 (MR2 Patch 4) 網路環境說明： DMZ : 10.10.2.0/24 Step 1. 到 Firewall -> Address -> Address -> Create New 建立該 Interface 要被隔開的 IP 或網段 Step 2. 到 Firewall -> Policy -> Policy -> Create New 建立 Policy Step 3. 到 VPN -> SSL -> Portal 選擇之前新增的 Portal 編輯 這邊我找超久的 orz... 點選 TUNEL Mode 右邊圈圈處編輯，IP Pools 選擇之前設定 SSL VPN 使用者的群組 然後把下面的 Split Tunnelin
Read more