当网速很慢,CSS/Javascript不加载,这个时候,有些带有超链接的图片,需要用代链接的文字代替,例如淘宝网的logo,本身就是一个超链接,当网络不行的情况,只会显示出来淘宝网三个字的超链接,总的思路就是,文字‘淘宝网’用CSS将其隐藏,当CSS加载失败,就会显示出来
方法一
text-indent:200px //首行缩进,缩进到图片之外
white-space: nowrap //强制不换行
overflow:hidden //文字隐藏
方法二
a{
height:0px;//将带有超链接的背景图片所在的a标签所在行,高度设置为0,则背景图片缩成一条线
padding-top:90px;//用内边距撑开盒子,背景图片会显示出来(背景图片和背景颜色会在padding上显示,内容区不会)
over-flow:hidden//因为内容不会在padding-top上显示,会挤出来,这里隐藏掉
}
//背景图片和背景颜色会在padding上显示出来;但是,内容区内容不会占用padding
淘宝网采用的就是第二种方法