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

2023-05-21 分類：網站建設

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

最近總是希望將最近的做的網站對搜索引擎友好，

text-indent: -9999px；
把 h1作為一個塊來顯示（display: block;），指定長寬（和圖片一樣大小），然后指定h1的背景圖片，也就是將我們需要的圖片作為h1這個標簽的背景。而h1標簽中插入的，仍然是作為字符形式出現的博客標題，然后用text-indent: -9999px;將文字甩到屏幕看不到的地方，9999px應該是足夠了，誰的屏幕也沒那么大吧。

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; }

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

同時要注意的是“display: block;”一定要寫。

成都創新互聯是在成都地區專業從事成都網站建設，成都網頁設計，等相關設計制作的個人網絡工作室。

新聞名稱：text-indent屬性兼容IE和火狐瀏覽器的方法
標題來源：http://www.2m8n56k.cn/news16/260416.html

成都網站建設公司_創新互聯，為您提供營銷型網站建設、網頁設計公司、網站設計、手機網站建設、外貿建站、商城網站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

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