一个新的CSS图像置换技术(背景显示和文本移屏)告别9999px
9999像素的图像替代技术在十年中最流行的部分已经流行了,一种新技术已经被发现来提高性能,因为浏览器不在窗帘后面画一个9999像素的盒子。9999像素的图像替换技术在十年中最流行的部分已经流行了,而不是文本元素和图像,您可以使用以下代码:
复制代码代码如下所示:
此文本被替换
H1
{
背景:URL(myimage )00不重复;
文本缩进:- 9999px;
}
该元素的背景显示的文本是远离屏幕,所以它不会干扰它。简单有效。它通常用于显示图形标题mdash;mdash;现在,我们webfonts很少是必要的,但你仍然觉得它使用Web。
到现在u3002
发现了一项新技术:
复制代码代码如下所示:
{
文本缩进:100%;
白色的空间:不换行;
溢出:隐藏;
}
代码缩进文本超出了容器的宽度,但它不会被包装和溢出以隐藏。
虽然这是一个更长的时间和更难记住,它可以提高性能,因为浏览器不再绘制一个9999像素盒背后的窗帘。它也将防止怪异的左扩展,你会看到隐藏的文本周围使用的链接。