css中js代码图片路径怎么写，js设置图片src

css里的图片路径怎么写

1、现在在main.js文件里要用show.gif来做背景图片，那么要这样来写：background-image：url(image/td-top-gif)；这样写路径是因为main.js和image文件夹都是在css目录下的。

2、那么CSS文件中可以写：background：url(images/gif)；background：url(gif)；background：url(../gif)；我自己喜欢用dreamweaver，点了url以后在对话框中选图片，免得写错。

3、“img/a.gif”是指 D：\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。

4、用相对路径和绝对路径都是可以的，关键是在css里面写的路径要保持一致。例如 css里面如果写 images/jpg ，css文件与a.html在同一文件夹下是没有问题的。如果b.html与a.html不在同一文件夹下的话。

5、这样css文件中就不需要再写图片的路径了，直接写图片文件名即可！如果是内联css（css代码直接写到html文件中），则图片路径是相对于html文件的。所以你要自己检查一下图片路径是否写正确，然后根据我上面的说明进行修改。

相关问答

Q1: css代码怎么插入图片

1、打开操作软件这里用DW，定义一个css样式，如下图 首先看下，背景图效果，如下图所示：在div中添加一个img，输入以下代码。

2、通过css：background-image语句设置背景。background-image 属性会在元素的背景中设置一个图像。根据 background-repeat 属性的值，图像可以无限平铺、沿着某个轴（x 轴或 y 轴）平铺，或者根本不平铺。

3、准备一个html文件和一张图片，并放在同一个文件夹里面 打开html文件，按下图中红色框选出来的位置在body标签里面输入，然后保存。

4、打开html编辑器并创建一个新的html文件。新建完一个新的html文件后，在index.html的标签中，输入如下所示的CSS代码。

5、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{background-image： url(image.jpg)}。

Q2: css+js控制随机背景图片的代码怎么写?

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

2、这个需要html、css、js三者结合才能实现。下面是个示例： 需要预先准备10张图片，分别命名为 0.jpg、jpg、jpg …… jpg ，并放到当前html文件的同一目录中。

3、通常可以使用css样式的 ：hover 选择器， 如示例div1。也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。

4、也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。

5、这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。

Q3: html与css中图片引用路径问题

1、如果是外联css（css文件与html文件分离的），则css中的图片路径是相对于css文件而不是html文件的，比如你附图中的那个png图片，应该位于css文件的上级目录的images子目录的kpjh子目录中，否则就出错。

2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：body{background-image： URL(../../image/image.jpg)}。

3、html中无法引用图片 CSS就可以，原因无他，图片路径在html中写错了，请仔细检查图片路径。css中的图片路径和html中的路径是不一样的，因为相对路径的问题。

4、例如：img src=imgpng / ，双引号下直接是文件名，这是找当前文件（3-图片标签.html）所在目录(图片标签)下的imgpng。当imgpng在图片标签目录在，那么就可以防问到。点击可以预览到图片效果。

css中js代码图片路径怎么写的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js设置图片src、css中js代码图片路径怎么写的信息别忘了在本站进行查找喔。