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