日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

在IE中為abbr標(biāo)簽加樣式

云知道

簡介
是用來為web頁面上的簡稱（譯者注：這里把簡稱和縮寫分開而論，簡稱范圍比縮寫大，取首字母的縮寫用標(biāo)簽）添加適當(dāng)標(biāo)注的XHTML標(biāo)簽，Windows的IE瀏覽器暫不支持標(biāo)簽 。在IE里，你可以應(yīng)用CSS給但是不能應(yīng)用給標(biāo)簽，IE會(huì)為標(biāo)簽的title屬性顯示提示，但是會(huì)忽略標(biāo)簽 。
這個(gè)IE的bug（或者特色）使得一些網(wǎng)站人員認(rèn)為標(biāo)簽一點(diǎn)用都沒有，而顯然這么認(rèn)為是不對的 。在Mozilla和Opera里還是很正確的處理了這個(gè)標(biāo)簽，并且它對于web內(nèi)容的可讀性和語義化來說非常重要 。這也是我為什么一直在尋找解決方法，最終我找到了 。
解決方法
本方法基于一個(gè)簡單的事實(shí)：即使IE會(huì)忽略標(biāo)簽，但是其他嵌套在標(biāo)簽里的標(biāo)簽還是正常的 。所以我在嵌了一個(gè)標(biāo)簽在里，設(shè)置的title和class屬性，然后開始變得和標(biāo)簽一樣了 。
代碼例子
看一下下面的代碼，是一個(gè)簡單的縮寫詞的例子：
CSS
現(xiàn)在，對比一下修改后的代碼：
CSS
自動(dòng)操作
手動(dòng)的給每一個(gè)標(biāo)簽嵌入顯然不可能——既無聊又對Mozilla和Opera沒必要 。幸運(yùn)的是，現(xiàn)在有一個(gè)自動(dòng)的、基于客戶端腳本的解決方法 。
你可能注意到了，這個(gè)頁面（譯者注：原作者的頁面）上的簡寫詞語即使在IE里都會(huì)有提示，并且加了CSS樣式（虛下劃線和一個(gè)問號狀的鼠標(biāo)光標(biāo)） 。然而你如果看一下源代碼，你將找不到在上文提到的標(biāo)簽 。這得益于本頁加載的一個(gè)簡單的JavaScript：
function styleAbbr() {
var oldBodyText, newBodyText, reg
if (isIE) {
oldBodyText = document.body.innerHTML;
reg = /]*)>([^<]*)/g;
newBodyText = oldBodyText.replace(reg, "$2");
document.body.innerHTML = newBodyText;
}
}
window.onload = function(){
styleAbbr()
};
isIE = (document.all) ? true:false;
這段腳本會(huì)檢查客戶端瀏覽器，如果是IE，那么則替換所有的標(biāo)簽為修改過的版本（嵌入了） 。注意的是我們必須使用正則表達(dá)式和innerHTML屬性來取代標(biāo)準(zhǔn)的DOM方法，因?yàn)镮E不能通過DOM來獲取屬性 。
樣式化
最后看一下這個(gè)頁面上使用的CSS 。相當(dāng)簡單：
abbr, acronym, span.abbr {
cursor: help;
border-bottom: 1px dashed #000;
}
【在IE中為abbr標(biāo)簽加樣式】Mozilla和Opera使用abbr和acronym屬性選擇器，IE則使用acronym和span.abbr 。無論如何，和都被樣式化了——一個(gè)問號狀的鼠標(biāo)光標(biāo)（當(dāng)鼠標(biāo)指上后）和虛下劃線 。

    推薦閱讀