1个新的CSS照片更换的技能(情况显示信息与文字移

2020-11-02 13:23 jianzhan
⑼999 px的形象取代技术性早已时兴了1个10年最好是的一部分。更换1个文字元素和1个图象,您可使用下面的编码:

拷贝编码
编码以下:

<h1>This Text is Replaced</h1>
<style>
h1
{
background: url("myimage") 0 0 no-repeat;
text-indent: ⑼999px;
}
</style>

元素的情况显示信息和它的文字移离屏,这样它就不容易防碍。简易的和合理的。它经常被选用来显示信息图型题目——这是非常少必须如今大家有webfonts,但你還是会感觉它应用web。
直至如今。
1项新技术应用已被发现:

拷贝编码
编码以下:

{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}

编码缩进文字跨越其器皿的宽度,但它不容易包装和外溢是掩藏的。
尽管这是1个小更长和更无法记牢,能够提升特性,由于访问器的已不画1个9999 px箱在幕后。它还将避免奇异的左拓展简述了你会看到连接周边的应用掩藏文字。