乐宝娱乐城送彩金:CSS图片替换技术

CSS 2017-12-02 抢沙发 阅读: 602次

乐宝娱乐场 www.updlj.com.cn 图片替换是一种很有效的SEO优化手段,主要有两大好处:1、网站权重可以更好传递;2、让网站用户体验更好。

下面进入正文。

1、经典飞行情报区

<h3 id="header">

<span>Revised Image Replacement</span>

</h3>

/* css */

#header

{

width: 329px;

height: 25px;

background-image: url(sample-opaque.gif);

}

#header span

{

display: none;

}

2、单像素更换

<h3 id="header">

<img src="shim.gif" alt="Revised Image Replacement" />

<span>Revised Image Replacement</span>

</h3>

/* css */

#header {

width: 329px;

height: 25px;

background-image: url(sample-opaque.gif);

}

#header span {

display: none;

}

3、拉杜方法

<h3 id="header">

Revised Image Replacement

</h3>

/* css */

#header

{

background: url(sample-opaque.gif) no-repeat top right;

width: 2329px;

height: 25px;

margin: 0 0 0 -2000px;

}

4、莱希/ Langridge方法

<h3 id="header">

Revised Image Replacement

</h3>

/* css */

#header {

padding: 25px 0 0 0;

overflow: hidden;

background-image: url(sample-opaque.gif);

background-repeat: no-repeat;

height: 0px !important;

height /**/:25px;

}

5、Phark方法

<h3 id="header">

Revised Image Replacement

</h3>

/* css */

#header {

text-indent: -100em;

overflow: hidden;

background: url(sample-opaque.gif);

height: 25px;

}

6、Phark再访

<h3 id="header">

Revised Image Replacement

</h3>

/* css */

#header {

text-indent: -5000px;

background: url(sample-opaque.gif);

height: 25px;

}

7、德怀尔方法

<h3 id="header">

<span>Revised Image Replacement</span>

</h3>

/* css */

#header {

width: 329px;

height: 25px;

background-image: url(sample-opaque.gif);

}

#header span {

display: block;

width: 0;

height: 0;

overflow: hidden;

}

8、吉尔德/莱法

<h3 id="header">

<span></span>Revised Image Replacement

</h3>

/* css */

#header {

width: 329px;

height: 25px;

position: relative;

}

#header span {

background: url(sample-opaque.gif) no-repeat;

position: absolute;

width: 100%;

height: 100%;

}

9、林赛罗方法

<h3 id="header">

Revised Image Replacement

</h3>

/* css */

#header {

background: url(sample-opaque.gif) no-repeat;

width: 329px;

height: 25px;

font-size: 1px;

color: #xxxxxx;

}

10、Shea Enhancement

<h3 id="header" title="Revised Image Replacement">

<span></span>Revised Image Replacement

</h3>

/* css */

#header {

width: 329px;

height: 25px;

position: relative;

}

#header span {

background: url(sample-opaque.gif) no-repeat;

position: absolute;

width: 100%;

height: 100%;

}

==================================================

发表评论

称呼:

邮箱:

内容:

==========================

评论回复

  • 广州市从化区:乐住平安小区 2019-02-17
  • 武装五公里越野 跑出血性和士气 2019-02-17
  • 2017年中国电力企业主营收入快速增长 火电利润大幅下降 2019-02-16
  • 白玉兰奖何冰获最佳男主角奖 马伊琍获最佳女主角奖 2019-02-16
  • 高房价开始衍生出新一代的低欲望社会! 2019-02-15
  • (山西)报送参评中国新闻奖媒体融合奖公示 2019-02-14
  • 【科普探长】地震自救12秒求生指南 2019-02-13
  • 西部网(陕西新闻网)www.cnwest.com 2019-02-12
  • 新粤牵手心连心喀什绽放木棉花 ——广东省第九批援疆干部人才记事 2019-02-12
  • 十九大报告中的网信工作关键词 2019-02-11
  • 俄美外长电话讨论两国近期“政治接触安排” 2019-02-10
  • 新疆普通高考评卷工作有序进行 2019-02-10
  • 海拔4400米高山上的午餐 2019-02-09
  • 【城市学】城市学学科有哪些特征? 2019-02-08
  • 云南金平上亿蝴蝶破茧而出 涧水悠悠蝴蝶翩翩 2019-02-07
  • 648| 125| 620| 441| 616| 957| 819| 26| 873| 425|