css控制gif图片作为网页的背景_html/css_WEB-ITnose
程序员文章站
2022-06-13 19:36:43
...
小弟最近在研究一个网站
发现该网站的背景全部放在一个gif图片里
而页面中却能分别使用这个gif图片中的某一部分作为页面某一部分的背景
现在在原网页中能无误的现实出来 但是在我自己弄的网页中却现实不出来 路径没有问题
一段css代码如下:
.page-nav {
background-image:url(/images/bg.gif);
background-position: left bottom;
height: 33px;
}
对这种技术小弟首次见到 求高手解答
发现该网站的背景全部放在一个gif图片里
而页面中却能分别使用这个gif图片中的某一部分作为页面某一部分的背景
现在在原网页中能无误的现实出来 但是在我自己弄的网页中却现实不出来 路径没有问题
一段css代码如下:
.page-nav {
background-image:url(/images/bg.gif);
background-position: left bottom;
height: 33px;
}
对这种技术小弟首次见到 求高手解答
回复讨论(解决方案)
定位及元素的高宽度
这个是 css sprite 技术
你可以网上查查相关资料,有很多。
CSS Sprites (CSS图像拼合技术)
http://www.chinaz.com/web/2009/0525/77212.shtml
你可以参考一下
图片是需要定位的
CSS Sprites (CSS图像拼合技术)
http://www.chinaz.com/web/2009/0525/77212.shtml
你可以参考一下
图片是需要定位的
++
可以减少请求数量
下一篇: 解决CodeIgniter伪静态失效
推荐阅读
-
background-size 设置背景图片的大小_html/css_WEB-ITnose
-
CSS控制显示图片的一部分_html/css_WEB-ITnose
-
css控制gif图片作为网页的背景_html/css_WEB-ITnose
-
css控制gif图片作为网页的背景_html/css_WEB-ITnose
-
css链接背景图片的疑问_html/css_WEB-ITnose
-
background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose
-
css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题_html/css_WEB-ITnose
-
下面这个网页是如何做的:缩放浏览器窗口,网页中文字、图片大小跟着缩放_html/css_WEB-ITnose
-
编写的jsp页面,为什么IE网页上不能显示加载的图片?_html/css_WEB-ITnose
-
网页背景图片如何适应屏幕?求解_html/css_WEB-ITnose