23.ff不支持數(shù)據(jù)島綁定
<xml id="news" src="news.xml" ></xml>在ie下可以加載進數(shù)據(jù),但到了火狐就加載不進數(shù)據(jù)了,開始以為可能是因為內(nèi)容行文字太多導(dǎo)致不能斷行不能加載,但刪除 只剩幾個字以后一樣不行。
24.style="word-break:break-all"
在網(wǎng)頁中的單元 格里的內(nèi)容超出一行時,在ie瀏覽器里定義的換行樣式能夠正常使 用,但在firefox里卻不能被支持了.style="word-break:break-all" 是MS擴展的IE專有屬性,并未成為W3C標準,因而 Firefox 還不能支持它。不過MS已經(jīng)將其提交到了W3C,而在W3C的CSS3的候選方案中也能看到它。希望這個屬性在被W3C最終定案的為CSS3標準 后,F(xiàn)irefox可以支持吧。這之前,可以試試 style="table-layout:fixed;word-wrap: break-word" (當它是英文的時候就不能正常換行了)
25.目前FF2.0為止都不支持IE的name錨點
像這種寫法都是不支持的:<a href="###" onclick="history.go(-1)">go back</a> 原來根據(jù)W3C的語法,<a>標簽始終都會查找href地址并跳轉(zhuǎn)過去,現(xiàn)在onclick事件與###這個地址又有沖突。
為了讓Firefox與IE部分元素屬性兼容,那個費勁,我無意中發(fā)現(xiàn) Firefox對空格敏感:
<a onclick="window.location.href ='faq.php?page=messages#2'"> //有空格,錨點作用 <a onclick="window.location.href='faq.php?page=messages#2'"> //無空格,錨點無作用
錨點的寫法又十分講究,比如<a name=#1>,F(xiàn)irefox不支持錨點,得加上id=#1 靜態(tài)同頁面引用時必須這樣寫:<a href="#1"></a>,<a href="static.html#1"></a>就不行,動態(tài)頁面要用JS
后遺癥來了,考慮到鼠標樣式和瀏覽器兼容又開始折騰:
<a href="###" onclick=""> //不兼容 <a href="javascript:;" onclick=""> //不兼容 <a href="javascript:function();"> //沒有{...},屬于腳本的非法書寫 <a style="cursor:hand" onclick=""> //沒照顧到自定義系統(tǒng)鼠標樣式的用戶 <a href="javascript:onclick=''"> //狀態(tài)欄會顯現(xiàn),href有多長顯示多長 <a href=# onclick=""> //我用的
26.ff火狐下面不支持document.all 屬性
必需用document.getElementById('idName');
以下是我的動畫切換效果,在ie下正常,到了火狐里面就不動了,修改后可以切換圖 片但漸隱漸現(xiàn)的效果就沒有了。原因是火狐不支持濾鏡filter,只好用半透明的div來實現(xiàn)了。
/* company page */ function playcompanyimg() { window.setInterval('changecompanyimg();', interval); } function changecompanyimg() { /* 火狐下面不支持document.all屬性的,必需用document.getElementById('idName'); */ //if (document.all) //{ /** 以下兩句是在切換效果前切換背景圖片的代碼,number、image和idtemp要設(shè)置全局變量才可以 */ number = Math.floor(Math.random() * image.length); idtemp.src=image[number]; //alert(number+" ii "+idtemp.src) /** 以下兩句是實現(xiàn)幻燈片切換效果的 */ //alert(do_transition); //document.all.companyimg.style.filter="progid: DXImageTransform.Microsoft.Fade(duration=2,overlap=0.4)"; /* document.all.companyimg.style.filter="progid: DXImageTransform.Microsoft.Fade(duration=1,overlap=1)"; document.all.companyimg.filters[0].Apply(); document.all.companyimg.filters[0].Play(); */ var companyimgidtmep = document.getElementById('companyimg'); companyimgidtmep.style.filter="progid:DXImageTransform.Microsoft.Fade (duration=1,overlap=1)"; companyimgidtmep.filters[0].Apply(); companyimgidtmep.filters[0].Play(); //} }
參考資料:
核心:FILTER:revealTrans(duration=1,transition=23); 一個IE濾鏡
出處:博客園
責任編輯:bluehearts
上一頁 ie和火狐兼容問題 [5] 下一頁 ie和火狐兼容問題 [7]
◎進入論壇網(wǎng)絡(luò)編程版塊參加討論
|