js更改css背景图片，js更换背景图片

css如何控制图片位置

1、y也有三个值：top（上），center(中)，bottom(下)。用来设置垂直位置；两个属性值得中间一定要用英文的空格 ，隔开。

2、首先打开前端开发工具，新建一个html代码页面。在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = bg-img。设置背景图片。

3、可以看到如下图所示的执行效果图，图片出现的位置在上方的右边了。

相关问答

Q1: Css设置背景图片不显示的问题

1、css不显示背景色或背景图案 一般来说，只有给指定的元素设定width和height等css样式时 设定的背景颜色才会有作用的。也很有可能是你的程式码写错了，把全部程式码贴上来，这样好给你解决问题。

2、，css没有被调用 2，css图片地址不对 3，div的高度没有固定，是auto或者没有设值 4，div被嵌套 5，div代码不规范 CSS（层叠样式表）是一种用来表现HTML或XML等文件样式的计算机语言。

3、如果版式也乱了 说明是css文件路径错误。如果版式正常，只是图片不显示，就是图片路径写错了。在本地和服务器上文件路径有些不同，服务器上可以试着改为绝对路径试试。

4、是不是没写对路径啊？ 选对文件夹：比方说你在css文件夹里，和images是同一级别的，要退出css文件夹，再进入images文件夹，要写成：../images/jpg。

5、打开html开发软件，新建一个html代码页面。在html代码页面的标签里面输入多行段落文字，用于后面浏览器滚动条滚动的时候查看图片时候随滚动条而滚动条。设置背景图片样式。

6、第一步，执行完上面的操作之后，设置背景图片样式，在右边的标记之后创建一个标记，然后在该标记中设置标记的背景图像，并且不会重复该背景图像，见下图，转到下面的步骤。

Q2: 我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...

style=filter：progid：dximagetransform.microsoft.alphaimageloader(src=jpg，sizingmethod=scale)，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。

首先，Visual Studio打开一个网站，本例为TwoFish，在网站中已放置了图片资源，以及需使用的css样式和js代码。首先，在网页中找到body标签，如下图所示。接着找到div标签，如下图所示。

打开Dreamweaver，然后选中html，出来了一个html标准文档。在body标签里添加文件路径，语法如下：body background=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

使用此代码：img border=0 src=/jpg width=100% height=100% style=position： absolute；left：0px；top：0px；z-index： -1或者background-size：cover。

Q3: css在div上添加背景图片,div:hover时要求添加背景颜色并移出背景图...

设置鼠标滑过div时背景变色。给bg样式类添加鼠标滑过：hover，然后设置鼠标滑过时的背景颜色。如图 代码： .bg：hover{ background-color： burlywood； } 实用浏览器打开。

将鼠标移入div，此时背景图片自动变更成了smallpng。

首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

可以在hover伪类中用background或者background-image实现。

注释：在 CSS 定义中，：hover 必须位于 ：link 和 ：visited 之后（如果存在的话），这样样式才能生效。

Q4: html里怎么插入背景图片??急

1、html插入图片有两种方式：一种是通过img标签插入的正常的图片，另一种是通过css样式插入的背景图片。问题分析：首先你是通过第二种方式插入的是背景图片，直接用width和height只能控制div的宽度和高度。

2、具体步骤如下：插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

3、在html中插入整个页面的背景图的方法如下：打开HBuilder；新建html项目。设置文件名，点击“完成”。将背景图拖动到Hbuilder工程的img文件夹。点击“确定”。找到body/body。

4、第一种： 在css文件里加入背景图片：在css里用url(../images/背景图jpg)，在内联css和引入css中会由于html文件和css文件所处的相对位置不同，引入图片路径会有所不同。

5、首先，打开html编辑器，新建一个html文件，例如：index.html。其次，在index.html中的body标签中，输入css样式代码：style=background-size：100%background： url(image.jpg)；。

6、首先，打开html编辑器，新建html文件，例如：index.html。

Q5: js如何实现刷新网页更换背景图?

document.body.style.background=url(+bg_img[Math.floor(Math.random()*(bg_img.length))]+)； //设置随机背景图，这里不用改。

方法：只需要每次刷新图片时，在img的src地址后面拼接一个随机数即可。例子：原有图片地址： 修改后图片地址： 原理：经过在浏览起端调试，发现当src的地址不变时，浏览器会从缓存里面取出来。

第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。

关于js更改css背景图片和js更换背景图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。