怎么用js给div加背景图片让其不要重复？

z_xyan 2016-05-02 09:29:00

test2.style.backgroundImage = 'url(img/mao1.jpg)';
test2.style.backgroundRepeat = 'noRepeat';
图片能出来，图片还是重复的，这样写不对吗？

...全文

605 2 打赏收藏举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

z_xyan 2016-05-06

打赏
举报

回复

谢谢

孟子E章 2016-05-02

打赏
举报

回复

est2.style.backgroundRepeat = 'no-repeat';

本章节通过代码实例介绍一下如何利用js实现动态的为div元素设置背景图片。核心代码片段如下: [JavaScript] 纯文本查看复制代码运行代码1odiv.style.backgroundImage="url('images/test.jpg')"; 下面给出一个完整的代码实例，使用的背景图片如下: 309x99的图片分隔为9份，每一份的长宽分别是103px和

div添加图片，以下两种方式亲测有效：方式1：创建img，将img挂载到div上 var d1 = document.getElementById("d1");//获取div元素 var im = document.createElement("img");//创建图片 im.src = "img/1.png"; //图片设置成和div一样大小 im.style.width = d1.style.width; im.style.height = d1.style.height ; d1.appendChi

css给前端页面添加水印效果,css 文字水印背景,css文字水印重复斜着铺满整个div,div背景文字重复铺满div,div文字斜着排列,div水印如何铺满整个div,css content内容如何重复铺满div

1 #box { width:200px; height:100px; border:1px solid red; color:#ffffff; background:url("photo.gif") repeat-x; }

布局： <div class="middle" :style="backgroundDiv"> <img src="./images/aibtn@3x.png" style="width: auto; height: 40px;"> </div> 数据： data() { return { backgr

87,984

社区成员

224,681

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章