由于placeholder是h5新特性之一,目前還有兼容性問題,所以這樣寫以兼容各瀏覽器。針對(duì)不同瀏覽器或不同版本的瀏覽器會(huì)有不同的寫法,會(huì)添加相應(yīng)的前綴。
創(chuàng)新互聯(lián)長期為1000多家客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為昆山企業(yè)提供專業(yè)的網(wǎng)站制作、做網(wǎng)站,昆山網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
右上角用IE打開,在IE窗口頁面里面右鍵編碼,如果之前選擇的是(UTF-8)則就切換到(GB2312),如果不是就選擇(UTF-8)。然后刷新IE頁面,如果顯示正常這時(shí)候再右鍵選擇自動(dòng),刷新頁面,回到edge頁面,刷新就好了。
打開瀏覽器之后我們點(diǎn)擊about:flags后,回車。然后在開發(fā)者中點(diǎn)擊“使用Microsoft兼容性列表”的勾選,同時(shí)請(qǐng)注意提示,需要重啟EDGE瀏覽器才會(huì)生效。再次開啟剛才的網(wǎng)站,就會(huì)再有兼容性提示。
首先,我們來看一下兼容性提示是怎么樣的。大家可以看到,頁面提示我們是否繼續(xù)。一般情況下,繼續(xù)就行了。然后,如何去掉這個(gè)提示呢。首先,在瀏覽器地址欄中輸入“about:flags注意不包括雙引號(hào)。然后,按下Enter鍵。
大家可以看出兩者是非常相近的,因?yàn)閑dge兼容絕大部分Chrome的功能。
這時(shí)就會(huì)打開edge瀏覽器的設(shè)置頁面,在頁面中看到“使用Microsoft兼容性列表”的設(shè)置項(xiàng)。我們勾選該設(shè)置項(xiàng)前面的復(fù)選框即可。這時(shí)就會(huì)在edge瀏覽器頁面中看到需要重新啟動(dòng)瀏覽器后使設(shè)置生效的提示信息。
一:理解Dom模型 首先我們看下面的代碼。 有名的公司一欄百度 新浪 阿里用這個(gè)代碼我們很容易的畫出dom樹。
引言各位前端或者偽前端(比如作者本人)的同志們,css對(duì)你們來說不是很陌生。比如我,在幾年之前上大學(xué)的時(shí)候,給外面做網(wǎng)站就用css,而且必須用css。
層疊就是瀏覽器對(duì)多個(gè)樣式來源進(jìn)行疊加,最終確定結(jié)果的過程。舉一個(gè)簡單的例子:上圖中有兩個(gè)樣式來源,第一個(gè)是引用的csscss,第二個(gè)是自己在style中編寫的樣式。
非IE html腳本中平常的注釋方法,條件注釋法只有IE10以下的IE瀏覽器可以識(shí)別,對(duì)于別的瀏覽器那么就只能看見的是一對(duì)封閉的不起作用的注釋。對(duì)于非IE 的注釋,注意里面有一個(gè)是起到封閉注釋的作用。
數(shù)量眾多,可謂百家爭(zhēng)鳴,對(duì)用戶來說有了很多的可選擇型,不過這可就苦了Web前端開發(fā)人員了。
CSS hack的目的就是使你的CSS代碼兼容不同的瀏覽器。我們也可以反過來利用CSS hack為不同版本的瀏覽器定制編寫不同的CSS效果。
注:不管是什么方法,書寫的順序都是firefox的寫在前面,IE7的寫在中間,IE6的寫在最后面。
怎么寫CSS Hack?示例1,比如要區(qū)別IE6和firefox兩種瀏覽器,可以這樣寫: div{ background:green; /* for firefox */ background:red; /* for IE6 */ } 在IE6中看到是紅色的,在firefox中看到是綠色的。
在我們制作頁面時(shí)CSS hack由于不同的瀏覽器,比如Internet Explorer,Mozilla Firefox等,對(duì)CSS的解析認(rèn)識(shí)不一樣,因此會(huì)導(dǎo)致生成的頁面效果不一樣,得不到我們所需要的頁面效果。
針對(duì)不同的瀏覽器寫不同的CSS code的過程,就是CSS hack。
類內(nèi)部Hack:比如 IE6能識(shí)別下劃線_和星號(hào) * ,IE7能識(shí)別星號(hào) * ,但不能識(shí)別下劃線_,而firefox兩個(gè)都不能認(rèn)識(shí)。
css hack方式二:類內(nèi)屬性前綴法屬性前綴是在CSS樣式屬性名上加上一些只有特定瀏覽器才能識(shí)別的hack前綴,已達(dá)到預(yù)期的頁面展現(xiàn)效果。
HACK就是針對(duì)不同的瀏覽器寫不同的HTML、CSS樣式,從而使各種瀏覽器達(dá)到一致的渲染效果。下面我們就分別了解一下HTML的hack和CSS的hack。
屬性前綴法是在CSS樣式屬性名前加上一些只有特定瀏覽器才能識(shí)別的hack前綴,以達(dá)到預(yù)期的頁面展現(xiàn)效果。
網(wǎng)站名稱:css樣式hack寫法 css hank
本文路徑:http://www.rwnh.cn/article26/dgjssjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站改版、自適應(yīng)網(wǎng)站、品牌網(wǎng)站制作、微信公眾號(hào)、靜態(tài)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)