乐宝娱乐城送彩金: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%;

}

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

发表评论

称呼:

邮箱:

内容:

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

评论回复

  • 《剩女时代》解析性别歧视等现象背后的“剩女”成因性别歧视剩女 2018-12-11
  • 由于人们“不同经济地位和政治地位所构成的等级差别”,只能说是阶层。阶级是相互对立统一的二类人群。统治阶级与被统治阶级、剥削和压迫阶级与被剥削被压迫阶级,是... 2018-12-10
  • 主持人资料库——吴小莉 2018-12-09
  • 熬夜网购引发头晕恶心 低头族小心患上耳石症 2018-12-08
  • 一句嘱咐 涡阳一对父子接力守墓74载 只求烈士不孤单 2018-12-08
  • 陇上阳坝“春意闹” 人勤春早采茶忙  2018-12-07
  • 联想参展CES Aisa 2018,众多黑科技产品悉数亮相 2018-12-07
  • 人民币兑美元相关新闻 2018-12-06
  • 美国已经获得了,美国期望的金融开放,其他的美国已经不在乎了。本人早就断定,中美合作奢谈共赢。美国需要的是进入和控制中国,中国需要的是出口创汇。 2018-12-06
  • 西安外事学院在省茶艺大赛中创多项佳绩西安外事学院-陕西教育新闻 2018-12-05
  • 反击美国加征关税 中国有底气奉陪到底! 2018-12-04
  • 海南开展粽子排查抽检行动 发现有害食品可举报 2018-12-04
  • “中国红枣之乡·临县特色旅游”产品推介会将于6月23日开幕 2018-12-03
  • 确认过剧集,陈坤和万茜是来搞笑的! 2018-12-02
  • 广州市第十五届人大常委会会议网络直播 2018-12-02
  • 298| 592| 636| 636| 530| 60| 628| 934| 352| 118|