-9999 px的形象替代技术已经流行了一个十年最好的部分。替换一个文本元素和一个图像,您可以使用下面的代码:
复制代码代码如下:
<h1>This Text is Replaced</h1>
<style>
h1
{
background: url("myimage") 0 0 no-repeat;
text-indent: -9999px;
}
</style>
元素的背景显示和它的文本移离屏,这样它就不会妨碍。简单的和有效的。它常常被采用来显示图形标题——这是很少有必要现在我们有webfonts,但你还是会觉得它使用web。
直到现在。
一项新技术已被发现:
复制代码代码如下:
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
代码缩进文本超越其容器的宽度,但它不会包装和溢出是隐藏的。
虽然这是一个小更长和更难以记住,可以提高性能,因为浏览器的不再画一个9999 px箱在幕后。它还将防止怪异的左扩展概述了你会看到链接周围的使用隐藏文本。
复制代码代码如下:
<h1>This Text is Replaced</h1>
<style>
h1
{
background: url("myimage") 0 0 no-repeat;
text-indent: -9999px;
}
</style>
元素的背景显示和它的文本移离屏,这样它就不会妨碍。简单的和有效的。它常常被采用来显示图形标题——这是很少有必要现在我们有webfonts,但你还是会觉得它使用web。
直到现在。
一项新技术已被发现:
复制代码代码如下:
{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
代码缩进文本超越其容器的宽度,但它不会包装和溢出是隐藏的。
虽然这是一个小更长和更难以记住,可以提高性能,因为浏览器的不再画一个9999 px箱在幕后。它还将防止怪异的左扩展概述了你会看到链接周围的使用隐藏文本。
标签:
背景,替换,文本
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“一个新的CSS图片替换的技巧(背景显示与文本移离屏)告别9999px”评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新动态
2024年04月30日
2024年04月30日
- dnf自定义ss怎么看基础奶量
- 区瑞强.2013-友缘再相聚·2辑【中唱】【WAV+CUE】
- 唐晓诗.1988-上了你瘾【滚石】【WAV+CUE】
- 陈慧娴.2014-BACKTOPRISCILLA三十3CD【环球】【WAV+CUE】
- 《赛博朋克2077》最新高清纹理MOD:彻底改造所有树木
- 再入医院!孙亚龙发文:又中奖了 右腿疑似静脉血栓
- 《怪物猎人物语》系列PS4版容量公布:发售前可预载
- 《剑星》不明礼物支线密码分享
- 《庄园领主》新手教程指南
- 《蟹蟹寻宝奇遇》成就列表一览
- 张蓉蓉.2018-为情所害【豪记】【WAV+CUE】
- 傻子与白痴.2023-姿态【哇唧唧哇】【FLAC分轨】
- 侯德健.1989-侯德健作品集(83-84)(复刻版)【瑞华】【WAV+CUE】
- 家家.2016-还是想念【相信音乐】【WAV+CUE】
- 费玉清.2003-为何你爱着别人【南方】【WAV+CUE】