text-indent屬性兼容IE和火狐瀏覽器的方法

2023-05-21    分類(lèi)： 網(wǎng)站建設(shè)

text-indent屬性兼容IE和火狐瀏覽器的方法，小編親測(cè)可用

最近總是希望將最近的做的網(wǎng)站對(duì)搜索引擎友好，

text-indent: -9999px；
把 h1作為一個(gè)塊來(lái)顯示（display: block;），指定長(zhǎng)寬（和圖片一樣大?。?，然后指定h1的背景圖片，也就是將我們需要的圖片作為h1這個(gè)標(biāo)簽的背景。而h1標(biāo)簽中插入的，仍然是作為 字符形式出現(xiàn)的博客標(biāo)題，然后用text-indent: -9999px;將文字甩到屏幕看不到的地方，9999px應(yīng)該是足夠了，誰(shuí)的屏幕也沒(méi)那么大吧。

h1 a { height: 30px; width: 165px; float: left; text-indent: -9999px; background-image: url{images/logo.jpgf); background-repeat: no-repeat; display: block; position: relative; }

<h2><a href=http://www.cdcxhl.cn/>創(chuàng)新互聯(lián)</a></h2>

這方法在火狐下有問(wèn)題，但解決的方法是“overflow:hidden;”

同時(shí)要注意的是“display: block;”一定要寫(xiě)。


成都創(chuàng)新互聯(lián)是在成都地區(qū)專(zhuān)業(yè)從事成都網(wǎng)站建設(shè)，成都網(wǎng)頁(yè)設(shè)計(jì)，等相關(guān)設(shè)計(jì)制作的個(gè)人網(wǎng)絡(luò)工作室。

新聞名稱(chēng)：text-indent屬性兼容IE和火狐瀏覽器的方法
標(biāo)題來(lái)源：http://www.muchs.cn/news16/260416.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、外貿(mào)建站、商城網(wǎng)站

廣告

聲明：本網(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)