js背景图片怎么调整大小_CSS或jquery中如何改变background-image的大小

❶ CSS或jquery中如何改变background-image的大小

在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。示例核心代码：

div{

background:url(图片路径);

background-size:800px600px;

background-repeat:no-repeat;

}

其中图片路径可以使用相对路径也可以使用绝对路径，不用添加双引号。最后一行的background-repeat:no-repeat意思可不允许背景图片在网页中平铺，只能使用一次。

(1)js背景图片怎么调整大小扩展阅读：

通过jquery中改变background-image的大小的实例代码：

<!DOCTYPE html>

<html>

<head>

window.onload=function(){

$('.box').CSS('backgroundSiz','300px 500px')

}

</script>

.box{

background-image: url(1.png);

}

</style>

</head>

<body>

</div>

</body>

</html>

❷ js 控制图片大小

这种情况用CSS来控制最合适。例如你想让初始图片显示为100px*100px，则：
<img src="images/pic.png" width="100" height="100" />

或者：

<img src="images/pic.png" style="width:100px; height:100px" />

当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：

img {max-weight:100%;}

这样图片会自动缩放到和其父容器等宽。

❸ 如何利用JS或者CSS样式来自动调整图片大小

js版和css版自动按比例调整图片大小方法，分别如下：

<title>javascript图片大小处理函数</title>
<scriptlanguage=Javascript>
varproMaxHeight=150;
varproMaxWidth=110;
functionproDownImage(ImgD){
varimage=newImage();
image.src=ImgD.src;
if(image.width>0&&image.height>0){
varrate=(proMaxWidth/image.width<proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate<=1){
ImgD.width=image.width*rate;
ImgD.height=image.height*rate;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
</script>
</head>
<body>
<imgsrc="999.jpg"border=0width="150"height="110"onload=proDownImage(this);/>
<imgsrc="room.jpg"border=0width="150"height="110"onload=proDownImage(this);/>
</body>

纯css的防止图片撑破页面的代码，图片会自动按比例缩小：

<styletype="text/css">
.content-width{MARGIN:auto;WIDTH:600px;}
.content-widthimg{MAX-WIDTH:100%!important;HEIGHT:auto!important;width:expression(this.width>600?"600px":this.width)!important;}
</style>


<divclass="content-width">
<p><imgsrc="/down/js/images/12567247980.jpg"/></p>
<p><imgsrc="/down/js/images/12567247981.jpg"/></p>
</div>

❹ 帮改下这段JS怎么才能让他的滑动背景变大

你把你想要的效果写出来,, 比如是什么层它的背景在鼠标移来的时候背景放大,, 还是这个层的图片太小了, 怎么捕满整个层, 还是怎么的怎么的~~~ 上面整代码那么多也不知道你是想什么样的
下面希望对你有用:::

background-repeat : repeat | no-repeat | repeat-x | repeat-y
取值：
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺

如果是因为背景的图片太小了,想用width height把它扩大,那你最好还是添加一个浮动层来放这个图片, 在背景图片的属性里没有改变图片的大小

❺ css中如何调整插入背景图片的大小

可以通过cover和contain来对图片进行伸缩。

语法：

background-size:auto;/* 默认值，不改变背景图片的高度和宽度 */

background-size:100px 50px;/* 第一个值为宽，第二个值为高，当设置一个值时，将其作为图片宽度来等比缩放 */

background-size:10%;/* 0％~100％之间的任何值，将背景图片宽高按百分比显示，当设置一个值的时候同也将其作为图片宽度来等比缩放 */

background-size:cover;/* 将背景图片等比缩放填满整个容器 */

background-size:contain;/* 将背景图片等比缩放至某一边紧贴容器边缘 */

(5)js背景图片怎么调整大小扩展阅读：

CSS背景图片自适应、全屏、填充、拉伸

方法一：js控制

</div>

$(function(){

$('#formbackground').height($(window).height());

$('#formbackground').width($(window).width());

});

</script>

方法二：全浏览器兼容

.bg{

background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);

filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

-moz-background-size:100% 100%;

background-size:100% 100%;

}

❻ HTML中怎么让背景图片跟着浏览器窗口变大变小

HTML中怎么让背景图片跟着浏览器窗口变大变小？

你可以先用表格，按%显示表格，表格里再背景就OK了，<table width=316 height=76 border=0 cellpadding="0" cellspacing="0">
<tr>
<td background="1.jpg"> </td>

ASP如何设置背景图片平铺浏览器窗口

首先要看你的背景图片是不是够大如果不够大，要设置背景平铺，就会有背景重复和不重复的问题。
background:url(背景.gif) no-repeat; 这个是背景图片不重复。
background:url(背景.gif); 这个是重复，并且是上下左右的重复。
background:url(背景.gif) repeat-x; 这个是背景横向重复。
background:url(背景.gif) repeat-y; 这个是背景纵向重复。

背景图片怎样随浏览器的大小而改变大小

用背景图像重复这种方法很简单，也很常用，在dreamweaver软件里，具体步骤是：菜单“修改”->“页面属性”（快捷键：ctrl+J）->“外观”->按自己的实际要求来选择背景图像和重复参数。
代码是：
body {
background-image: url(1.jpg);（具体路径不确定，可随时更改；）
background-repeat: repeat;
}
可以的,把图片作为背景,把它的宽度和高度设置成浏览器的尺寸,就OK了!但如果你用的图片宽度和高度不是浏览器的窗口大小,那图片就可能会变形,但效果是可以做出来的!要想用这种方法,你最好把要用的背景图片做成和浏览器大小尺寸一样!

vb 窗体最大化时怎么使背景图片跟着改变大小

一个简便的方法。
代码如下。
＝＝＝＝＝＝＝＝＝
Private Sub Form_Load()
AutoRedraw = True
Picture = Icon
End Sub
Private Sub Form_Resize()
Cls
PaintPicture Picture, 0, 0, Width, Height
End Sub

如何让背景图片跟着文字动

不知道你说的是div里面的背景吗？如果是可以这样操作：第一：你的图片应该足够大，第二：把DIV的高度设置成自适应列如CSS的写法应该这样写：height：auto !important; min-height:300px;
这里的300px就是当你的文字不是太多时的高度，如果内容高度超过300这样div高度增加，这时候背景图片就会出来了，背景图片不需要特殊操作，跟平时用的一样即可。

uc浏览器背景图片咋删

你好；uc浏览器的背景图片是无法删除的，
它的软件漏洞很大，根本没有这个功能，
浏览网页经常乱码，卡死，还有捆绑软件，
还会泄漏个人隐私，很多网友因此不在使用uc浏览器了，谢谢望采纳。

我换qq资料背景图片怎么空间背景图也跟着变?

你选保存图片的时候误按了“同时在空间背景使用”，注意一下吧。

ASP背景图片怎样正好等于浏览器大小

可以通过CSS解决
但是不推荐这样使用
最好还是做个小图片循环拼接
这样的效果比适应分辨率做出来的要好

div设置背景图片,窗口宽度变小后背景图片会缩小变成两个三个,css应该怎么改?

css3的background-size和media query可以实现，但是IE8以下的内核浏览器不支持，但这是正确方法。
js也可以实现，侦测窗口变化，改变div的class属性，如div_a变为div_b,两个的背景属性不一样。这个兼容性好，但比较麻烦。

怎么改变MFC视类窗口的背景图片

绘制界面使用
CDCm_dcBuffer1, m_dcBuffer2;临时缓冲
CBitmapm_bmTitle, m_bmBuffer;图像
初始化绘制界面资源
CClientDC dcScreen( this );
m_bmTitle.LoadBitmap(IDB_TITLE);
m_dcBuffer1.CreateCompatibleDC(&dcScreen);
m_dcBuffer2.CreateCompatibleDC(&dcScreen);
m_bmBuffer.CreateCompatibleBitmap( &dcScreen, WND_WIDTH, WND_HEIGHT );
初始化绘制界面资源完成

❼ 如何用JS改变图像的原始大小

用JS改变图像的原始大小方法：
var canvas = document.getElementById("canvas");

var context = canvas.getContext("2d");

$('input[type=file]').change(function(){

var file=this.files[0];
var reader=new FileReader();
var image=new Image();

reader.readAsDataURL(file);
reader.onload=function(){
// 通过 reader.result 来访问生成的 DataURL
var url=reader.result;
image.src=url;
alert(image.width);
alert(image.height);
image.height /=4;
image.width /=4;
canvas.setAttribute("width", image.width+"px");
canvas.setAttribute("height", image.height+"px");
alert(image.naturalWidth);
alert(image.naturalHeight);
context.drawImage(image,0,0,image.width,image.height);
};
});

❽ jsp如何使背景图片自动调整符合显示器大小

JS来实现。
你搜一下 JS 里的 document.all('图片的ID').style.height和document.all('图片的ID').style.width 方法

如
<img height="高" width="宽" id="ID" src="图片地址">
那么 document.all('ID').style.height="200";

❾ 怎么用js改变div里面的图片大小

你的div的结构是下面这种结构吗？

<div>
<img>
</div>

如果是的话，你先获取到div，

然后在div里获取img；

varaImg=document.getElementById("div'sId").getElementsByTagName('img');
for(vari=0;i<aImg.length;i++){
aImg[i].style.height="theheightyouwant";
aImg[i].style.width="thewidthyouwant";
}

如果你所说的图片是指div的background，那么你可以在CSS里面用：

background-size:50px100px;（调整背景图片的大小）
background-repeat:no-repeat;（是否平铺，否）
/*也可以：*/
background-size:40%100%;（对背景图片进行拉伸）

当然用js的话也可以：

img.style.backgroudSize='50px100px';
img.style.backgroudRepeat='on-repeat';

❿ 怎么js设置Img的宽度，和高度

1、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。

js背景图片怎么调整大小