一个新的CSS图像置换技术(背景显示和文本移屏)告别9999px

一个新的CSS图像置换技术(背景显示和文本移屏)告别9999px
9999像素的图像替代技术在十年中最流行的部分已经流行了,一种新技术已经被发现来提高性能,因为浏览器不在窗帘后面画一个9999像素的盒子。

9999像素的图像替换技术在十年中最流行的部分已经流行了,而不是文本元素和图像,您可以使用以下代码:

复制代码代码如下所示:
此文本被替换

H1
{
背景:URL(myimage )00不重复;
文本缩进:- 9999px;
}
该元素的背景显示的文本是远离屏幕,所以它不会干扰它。简单有效。它通常用于显示图形标题mdash;mdash;现在,我们webfonts很少是必要的,但你仍然觉得它使用Web。
到现在u3002
发现了一项新技术:

复制代码代码如下所示:
{
文本缩进:100%;
白色的空间:不换行;
溢出:隐藏;
}

代码缩进文本超出了容器的宽度,但它不会被包装和溢出以隐藏。
虽然这是一个更长的时间和更难记住,它可以提高性能,因为浏览器不再绘制一个9999像素盒背后的窗帘。它也将防止怪异的左扩展,你会看到隐藏的文本周围使用的链接。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部