数码资讯
一个新的CSS图像置换技术(背景显示和文本移屏)告别9999px
9999像素的图像替代技术在十年中最流行的部分已经流行了,一种新技术已经被发现来提高性能,因为浏览器不在窗帘后面画一个9999像素的盒子。 9999像素的图像替换技术在十年中最流行的部分已经流行了,而不是文本元素和图像,您可以使用以下代码: 复制代码代码如下所示: 此文本被替换 H1 { 背景:UR
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
9999像素的图像替代技术在十年中最流行的部分已经流行了,一种新技术已经被发现来提高性能,因为浏览器不在窗帘后面画一个9999像素的盒子。
9999像素的图像替换技术在十年中最流行的部分已经流行了,而不是文本元素和图像,您可以使用以下代码:
复制代码代码如下所示:
此文本被替换
H1
{
背景:URL(myimage )00不重复;
文本缩进:- 9999px;
}
该元素的背景显示的文本是远离屏幕,所以它不会干扰它。简单有效。它通常用于显示图形标题mdash;mdash;现在,我们webfonts很少是必要的,但你仍然觉得它使用Web。
到现在u3002
发现了一项新技术:
复制代码代码如下所示:
{
文本缩进:100%;
白色的空间:不换行;
溢出:隐藏;
}
代码缩进文本超出了容器的宽度,但它不会被包装和溢出以隐藏。
虽然这是一个更长的时间和更难记住,它可以提高性能,因为浏览器不再绘制一个9999像素盒背后的窗帘。它也将防止怪异的左扩展,你会看到隐藏的文本周围使用的链接。
9999像素的图像替换技术在十年中最流行的部分已经流行了,而不是文本元素和图像,您可以使用以下代码:
复制代码代码如下所示:
此文本被替换
H1
{
背景:URL(myimage )00不重复;
文本缩进:- 9999px;
}
该元素的背景显示的文本是远离屏幕,所以它不会干扰它。简单有效。它通常用于显示图形标题mdash;mdash;现在,我们webfonts很少是必要的,但你仍然觉得它使用Web。
到现在u3002
发现了一项新技术:
复制代码代码如下所示:
{
文本缩进:100%;
白色的空间:不换行;
溢出:隐藏;
}
代码缩进文本超出了容器的宽度,但它不会被包装和溢出以隐藏。
虽然这是一个更长的时间和更难记住,它可以提高性能,因为浏览器不再绘制一个9999像素盒背后的窗帘。它也将防止怪异的左扩展,你会看到隐藏的文本周围使用的链接。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。