97免费在线观看视频 I 午夜夫妻视频 I 久久久久久网站 I 天堂网男人 I 欧美大波大乳人奶 I 丝袜 中出 制服 人妻 美腿 I 窝窝午夜理论片影院 I 日韩在线伦理电影 I 韩国特级毛片 I 亚洲欧美另类激情 I 在线成人日韩 I 麻豆视频免费看 I 黄色生活毛片 I 极品一线天小嫩嫩真紧 I 色久天堂 I 久久久久久黄色片 I 林智妍三级露全乳电影视频 I 大肉大捧一进一出好爽视频 I 空乘伦理hd I 少妇口述与子做过爱 I 成人免费影片 I 国产精品国内免费一区二区三区 I 日韩制服一区 I 青青草福利在线 I 日本在线观看不卡视频 I 婷婷六月综合亚洲 I 国产又粗又黄又硬 I 美女扒开屁股让男子桶爽 I 欧美性午夜视频观看 I 欧美狠狠插 I 亚洲福利在线观看视频 I 无码抽搐高潮喷水流白浆 I 亚洲欧美国产日韩色伦 I 你懂的视频网站在线观看 I www.蜜桃视频在线观看 I 日本无码人妻精品一区二区蜜桃 I 久久中文字幕人妻丝袜 I 碰草在线视频 I 日韩精品成人av网站

個(gè)人建議同時(shí)寫背景圖片和 img 標(biāo)簽，兼顧SEO 的同時(shí)在高對(duì)比度模式下
也可以正常顯示圖片。具體代碼晚些補(bǔ)上…

使用<img> 還有一個(gè)好處是，用戶可以很方便的右鍵保存 Logo 或者復(fù)制 Logo 圖片的鏈接。

<h1 class="logo"> <!-- 注意 a 標(biāo)簽不要加 title，會(huì)造成部分讀屏軟件重復(fù)讀取 --> 
<a tabindex="2" accesskey="1" href="#"> 
<img src="http://m.guanshenghotel.cn/images/logo-w3c-screen-lg" alt="W3C"> 
<span class="alt-logo">W3C</span> </a> </h1> 

.logo a { background: url(http://m.guanshenghotel.cn/images/logo-w3c-screen-lg) no-repeat 0 0; 
display: block; width: 249px; height: 107px; position: relative; overflow: hidden; 
margin: 10px auto; } .logo img { color: #fff; } .logo .alt-logo { position: absolute; 
z-index: -1; left: 0; top: 0; right: 0; bottom: 0; padding-left: 22px; padding-top: 25px; 
font-size: 50px; color: #fff; background-color: #075F9F; } 

.alt-logo 的作用是當(dāng)圖片加載失敗的時(shí)候可以顯示一個(gè)替代文本，
如果只用兼容 IE8 以上，可以用 ::after 偽元素代替。

個(gè)人認(rèn)為的css背景圖與html插入img的區(qū)別

1.寫在css里面的圖片是以背景圖形式存在的，而寫在html里的img是以標(biāo)簽
形式存在的，在網(wǎng)頁(yè)加載的過(guò)程中，以css背景圖存在的圖片會(huì)等到結(jié)構(gòu)
加載完成（網(wǎng)頁(yè)的內(nèi)容全部顯示以后）才開始加載，而html里的img標(biāo)簽是
網(wǎng)頁(yè)結(jié)構(gòu)（內(nèi)容）的一部分會(huì)在加載結(jié)構(gòu)的過(guò)程中加載。

 

2.通常是非內(nèi)容的圖片就寫在css里面(用來(lái)修飾頁(yè)面的元素)，如果是內(nèi)容性的圖片就寫在html里面，

打個(gè)比方，你要做一個(gè)有漂亮邊框的相冊(cè)。那么修飾邊框的圖片就寫在css里面，
相框里面的內(nèi)容照片就寫在html里面。

 

3.圖片做為背景，在圖片沒加載的時(shí)候或者加載失敗的時(shí)候，不會(huì)有個(gè)圖片的占位標(biāo)記，不會(huì)出現(xiàn)紅叉。