背景图片随div的大小而改变其大小

离开真好 2014-04-23 10:00:19

背景图片随div的大小而改变其大小，我的div是可以人为改变的

...全文

186 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

傲雪星枫 2014-04-27

打赏
举报

兼容IE了。


<style type="text/css">
.dd{
    background-image:url('http://www.csdn.net/css/logo.png');
    background-size:100% 100%;
    width:480px;
    height:180px;
    border:1px solid #FF0000;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='http://www.csdn.net/css/logo.png',
    sizingMethod='scale');
}
</style>
 
<div class="dd"></div>

KazJ 2014-04-24

打赏
举报

用jQuery 获取宽度在给div层的width属性赋值

李睿_Lee 2014-04-24

打赏
举报

这个是CSS3，需要IE9及以上才支持。

离开真好 2014-04-24

打赏
举报

我试了一下还是不可以，我用的浏览器是IE8

傲雪星枫 2014-04-23

打赏
举报


<style type="text/css">
.dd{
	background-image:url('http://www.csdn.net/css/logo.png');
	background-size:100% 100%;
	width:480px;
	height:180px;
	border:1px solid #FF0000;
}
</style>

<div class="dd"></div>

本课程是带领大家学习Pc端网页、app、小程序的布局以及样式添加，学完本课程，大家可以对任意网页实现布局，思路清新。课程简介：1，html5编辑器的介绍和使用2，块标签3，内联标签4，超链接和锚点5，12种选择器6，颜色7，单位8，css属性9，盒模式10，div布局11，内容图片12，布局图片13，用户交互图片14，字体15，表单16，表格17，浮动18，定位19，内联框架20，搜索引擎优化21，实战案例

参考如下代码，设置背景图片的大小为100% 100%并且设置no-repeat 这样图片就能在div改变的情况下，仍然显示完全 <!DOCTYPE html> <html> <head> <style> #a { background-color: rgb(255, 208, 0); background-image: url("1.png"); backgrou

在网页布局时我们经常会遇到这样的问题：图片的分辨率是1024*768，在1024*748的屏幕上能显示完整，一旦在800*600的屏幕上是就显示不完整，为了让图片的大小能适应不同的分辨率，可以这样来设置背景： 背景图片的验证这里需要提出几点： 1.的z-index为-1，其实也就相当于一个背景的设置； 2.wid

2016-07-08 00:20齐晓彬客户经理一、网页单色背景 - TOP如果纯颜色的网页背景，只需要对body设置background背景颜色即可body{background:#FFF}设置网页背景为白色二、规律背景图片 - TOP1、从上到下渐变横向相同背景渐变从上到下宽度全屏背景效果截图这种网页背景只需要切出1像素宽，高度合适的图片作为背景素材，如下图：切出这样一个竖条图片素材作为背景素...