1. 关于CSS中 div背景图片
有另一种方法 倒是可以实现~
<div><img src="" /></div>
这样图片的大小就是 div的大小了
但是与背景图片相比 在这张图片上面显示内容会有点麻烦
可以通过 层的方法 和定位的方法 来满足要求
效果看起来与背景图片是一样的~
2. 怎么给div设置背景图片
backgroud-image:url(),这样就可以了
3. div+css如何把图片设为背景
关于的div+css是前端基础的问题,只要看看css手册就能明白。下面是我根据问题简单写了个例子,不清楚的可以继续交流。
css语法基础:
实例效果图代码查看器中h1标签元素使用css的background背景图片,no-repeat为不平铺。
有不清楚的继续交流吧!
4. 如何设置div的背景图片,设置背景图片时还用配合css吗
css写法 : background:url(../images/menubg2.gif) 这个是设置背景图片的 记着加上宽高啊!吧里面的图片路径修改成你自己的就行!
5. html页面中,div设置了背景图片
这是图片还没有加载完,可以把图片用ps打开存为jpg的时候把质量降低一点 质量值设置在60左右就没问题了
6. div可以同时设置背景图片和背景颜色吗
可以同时设置,背景图片处于颜色之上
写背景直接用简写就行了 background:url(images/图片) 0 0 no-repeat #000;
7. 怎么设置div背景图片的大小
background-size让你既可以直接缩放背景图来填充满这个区域,也可以让你先给背景图设置大小,然后以设置好的尺寸去平铺满这个区域
8. 怎样用css给一个空div添加背景图片
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>liuxing test</title>
<style type="text/css">
.divbgpic{
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');
width:500px;
height:500px;
}
</style>
<script type="text/javascript"
src="jquery/jquery1.7.1/jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="divbgpic"></div>
</body>
</html>
background-image:url('jquery/jquery-ui-1.9.1.custom/jquery-ui-1.9.1.custom/css/base/images/ui-icons_cd0a0a_256x240.png');这样子
9. 为div设置背景图片后,为什么不显示背景图片
没听说过div还要设置display:block,div中不需要display:block.
原因:
1、编码错误,即代码编写没有按照规范,属性名写错。
2、图片路径不对。
3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。
4、背景图片调用方式不对,不能使用本地路径。
将hanshan.png和当前页面放在一个目录,则直接写成这样:
#cuyu {
background-image: url(hanshan.png);
height:500px;
width: 1000px;
}
或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:
#cuyu {
background-image: url(images/hanshan.png);
height:500px;
width: 1000px;
}
(9)设置div背景图片扩展阅读:
DIV格式使用方法的注意事项:
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的特定的格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。
不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。
可以对同一个 <div> 元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。
这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的特定的元素。
参考资料来源:网络-DIV
10. 设置div背景图片(急急急
这样设置div背景图片的写法是错误的,正确的写法应该是这样
css内嵌式写法:div{ background:url('图片的路径')}
css行内样式写法:style=“background:url('图片的路径')”
下面举例说明
步骤1:新建一个html页面,修改里面的代码,添加1个div标签,id为div1,同时准备2张图片作为背景图分别叫“01.jpg”和“02.jpg”,此时div1未设置背景图,在浏览器中显示为