CSS 跨瀏覽器解決方案之一透明度

2021-08-30 15:00:35 字數 674 閱讀 1547

瀏覽器的相容性一直是web開發人員比較頭痛的地方之一,眾多的瀏覽器讓我們有時無所適從。尤其是ie系列和其他的瀏覽器總是不相容,我們通常要為ie6,7書寫單獨的css檔案,甚至導致了css hack 這一技術的流行。

下面我來談談,對於一些流行的css效果的跨瀏覽器解決方案。

很多程式設計師都很奇怪,為什麼ie就是就是不支援 opacity 這個屬性呢?這個問題已經存在很長很長時間了,其實 opacity 是 css3 的屬性,雖然ie不提供支援,但是ie可以通過專用的過濾器屬性提供類似的透明度設定。

是不是很奇怪,為什麼 ie 就是和別人不一樣呢?

#myopacity

實際上你只需要使用第二行,就支援所有的 ie 版本了,不過在某些場合,如果只需要給 ie8 設定透明度的話,而 ie6,7 則不需要,這種情況下,請使用第三行就好了。

在 ie 中透明度的值是 0-100 之間的整數,而在其他瀏覽器中則為 0-1 之間的小數。

[size=large][b]問題點[/b][/size]

* filter 和 -ms-filter 都是 ie 專有的 css 屬性,它們通過不了w3c的驗證的。

* 在ie中一旦設定了透明度屬性,所有的子節點都會繼承此透明度。

具體效果,請參考[url=這裡[/url]

瀏覽器跨域解決方案

今天介紹乙個實用的瀏覽器跨域方案。比如 a 嵌入了 b 的頁面,這時 b 的頁面想要呼叫 a 的頁面的方法,因為網域名稱不同,由於瀏覽器同源策略的限制會被 blocked 掉的。以下給出乙個方法 在 a 的寫下 window.addeventlistener message function obj...

CSS瀏覽器相容解決方案

1.在ie8的甑別上,如何讓樣式只對ie8起作用?用ie瀏覽器獨有的文件注釋的方式。像這樣 doctype html 只需要在獨立對ie8應用樣式規則的地方,copy該條規則,然後在前面加上 ie8然後就能隨便寫了,對付ie9也一樣。2.360雙核瀏覽器,新增以下頭部meta資訊可以使得網頁用web...

CSS跨瀏覽器支援之一 瀏覽器相容度

糾纏了許久的flash跨域,終於解決,下乙個問題,出在了html的css樣式的跨瀏覽器支援上。之前的front side由actionscript來寫,整站純flash,因著flash player的跨平台支援特性,只需要處理ui端的展示這一塊 而此時的開發開始涉及了html css,不可避免的,跨...