分分彩计划安卓软件:CSS图片替换技术

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

五分彩平台皇恩娱乐 www.hzo4.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-11-16
  • 人民空军投身改革强军 加快推进战略转型 2018-09-26
  • 几家性价比超高的烤肉店 赶紧去试试 2018-09-16
  • 河南省虞城县:微治理撬动大综治 2018-09-13
  • 在知识分子、劳动模范、青年代表座谈会上的讲话 2018-09-06
  • 央视曝光“云南不合理低价游” 重庆涉事旅行社被罚30万元 2018-09-04
  • 从副科开始,即使没有贪污、索贿、受贿的勾当,也有行贿买官的勾当。 2018-08-30
  • [大笑]在咱面前,小撸也只有卖萌的份儿了! 2018-08-27
  • 大力开掘传世古文字资料的时代价值 2018-08-23
  • 人民的力量——一份大报,与一个大党、一个大国的故事 2018-08-23
  • 新华网申领新闻记者证资格审核公示 2018-08-20
  • 有理讲理,不要诬蔑。 2018-08-20
  • 不回中超!斯科拉里新东家曝光 有望执教欧冠球队 2018-08-17
  • 神山冈仁波齐的转山之路文章中国国家地理网 2018-08-17
  • 追寻峥嵘岁月的精神传奇(铸剑·纪念中国人民解放军建军90周年特刊) 2018-08-13
  • 815| 162| 139| 373| 331| 100| 456| 743| 720| 374|