欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术！您的位置： >
> css background之设置图片为背景技巧-css 背景
Background是什么意思，翻译过来有背景意思。同样在里面作为一成员同样是有背景意思，并且是设置背景图片、背景颜色、背景图片截取等样式。
首先先来看看background有那些值（可进入的详细了解）
可以按顺序设置如下属性（可点击进入相应的css手册查看使用）：
background-color 背景颜色
background-image 背景图片
background-repeat 背景重复
background-attachment 背景图片是固定还是滚动
background-position 背景图片的定位
接下来我们重点来讲解css background通常的使用方法
首先我们来看下面一段代码
background:url(bgimg.gif) no-repeat 5px 5
如下图解释
从图上的CSS background解析图我们可以详细了解到background的css属性使用方法。
background:url(bgimg.gif) no-repeat 5px 5这样的css背景表达可以节约和优化代码。
学习者可以使用和测试更改background各个属性来了解和掌握关于css background如需转载，请注明文章出处和来源网址：我要分享到：上一篇： 下一篇： 必备CSS教程 Essential CSS Tutorials• • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • • ()• • ()• ()• • • • • • • • • • • • • • • • 必备HTML基础教程 Essential HTML Tutorials •
• () • () • () •
• () •
• () •
• 如对文章有任何疑问请提交到，或有任何网页制作CSS问题立即到发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。文章修订日期： 09:07
原创：本文www.divcss5.com DIVCSS5版权所有。最新文章NEWS• • • • • • • • • • CSS EFFECTS相关文章RELATED• • • • • • • • • • 热点文章HOT DIVCSS5.com 学习与资源分享平台div background-image如果找不到图片怎么设置一个默认图片给他_百度知道
div background-image如果找不到图片怎么设置一个默认图片给他
我有更好的答案
你先设定背景图的链接默认地址，然后在文件夹中存入一张默认图片就可以。改改链接就行。
具体怎么实现
只能通过js来做了。图片预加载判断。
具体怎么实现
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。background-image:url(图片) 不显示。但是background:url(图片)显示，为什么。_百度知道
background-image:url(图片) 不显示。但是background:url(图片)显示，为什么。
我有更好的答案
样式里设定一下高度或者宽度不行的话那就是background:url(images/nav-bg.gif) no-repeat 50% 100%;中的50% 100%造成的问题，你写这个就应该理解这是干什么用的，这是 background-position属性的简写，最好不要用百分比设置，设为背景位移要设定固定值，如
background-position:50px 0要么就直接设置 background-position: 还有就是检查一下背景图片的路径是否写对了，(../images/nav-bg.gif)
采纳率：74%
完整CSS代码写出来。
代码贴过来
&ul class=&nav&& &li&&a href=&#& class=&current&&home&/a&&/li& &li&&a href=&#&&services&/a&&/li& &li&&a href=&#&&solutions&/a&&/li& &li&&a href=&#&&partners&/a&&/li& &li&&a href=&#&&contacts&/a&&/li&&/ul&CSS部分.nav li a:hover, #header .nav li a.current {background:url(images/nav-bg.gif) no-repeat 50% 100%;color:#}
为您推荐：
其他类似问题
background的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。background-image和background:url()区别在哪里？_百度知道
background-image和background:url()区别在哪里？
他们不都是定义背景的吗？他们的区别在哪里，当什么情况下用哪个呢？
我有更好的答案
如果只是background:url()，那没区别background是背景属性的集合，不单单可以指定背景图片，还可以指定背景色等等其它属性的
background-image和background:url()分别用在同一个地方，他们显示的背景不一样呢？
当然最后一个会覆盖前面的设置你自己测试一下就知道了不过，不同的浏览器，可能效果不一样因为它们解释css的方式不一样
采纳率：52%
来自团队：
为您推荐：
其他类似问题
background的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。在什么情况下更适合使用HTML IMG标签来显示一个图像,而不是一个CSS有背景图像,反之亦然?
如下场景使用img标签比较合适：
1、如果图像是等内容的一部分或图表或人(真正的人,而不是股票图人)，使用Img标签加上alt属性。
2、如果你想打印页面并且你想要的图像包括默认情况下使用IMG。
3、使用IMG(alt文本)图像有一个重要的语义时,比如一个警告图标。这将确保图像的意义可以很好的和user-agents沟通,包括屏幕阅读器。
4、如果你依赖于浏览器缩放图像比例并且可以呈现不错的效果时使用IMG。
5、如果配合 z - index 伸展背景图像来填补它的整个窗口时使用IMG。
6、使用img代替有背景图像可以显著提高性能的动画背景。
7、IMG会首先加载因为src在html文件本身中而在有背景图像源是样式表中引入的图像，加载样式表加载后,延迟加载的网页。
如下场景使用background-image属性比较合适：
1、如果图像不是内容的一部分时使用backgrond-image。
2、当图像代替文本使用时使用backgrond-image。
3、如果你想打印页面并且你不想要的图像包括默认情况下使用backgrond-image。
4、如果需要缩短下载时间通过CSS sprites 时使用backgrond-image。
5、如果你只需要展示图像的一部分通过CSS sprites，时使用backgrond-image。
6、如果你需要为不同的屏幕分辨率展示不同的图像使用 media查询时使用backgrond-image。
阅读(...) 评论()}