Javascript <；img src>；作为div中的背景图像

有没有可能让这成为我的背景

<img src="" alt="sample" width="480" height="500" border="0">

选择性别
男人




选择一个项目
长袖
<
短袖
短裤
T恤衫

从此更改HTML

<div id="box" class="container" style="float:left;">
 <img src="" alt="sample" width="150" height="150" border="0"></div>

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));

对此

  <div id="box" class="container" style="float:left;"></div>

$(document).ready(function() {
  $('.colore.active').each(function(){
     $('.container').css(
       'background-image','url(' +$(this).data("image")+')'
      );

转换其余的$.attr调用，以遵循上面的$.css调用示例。

从此更改HTML

<div id="box" class="container" style="float:left;">
 <img src="" alt="sample" width="150" height="150" border="0"></div>

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));

对此

  <div id="box" class="container" style="float:left;"></div>

$(document).ready(function() {
  $('.colore.active').each(function(){
     $('.container').css(
       'background-image','url(' +$(this).data("image")+')'
      );

---

转换其余的$.attr调用，以遵循上面的$.css调用示例。

如果希望将图像放在页面背景中，请替换

文档。就绪

函数：

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));
  });
  $('.colore').on('click',function(){
    $('.container img').attr('src', '');
    $('.container img').attr('src', $(this).data("image"));
  });
});

$(document).ready(function() {
  $('.colore').on('click',function(){
     $('body').css('background-image','url(' +$(this).data("image")+')');
  });
});

具有以下

文档准备功能：

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));
  });
  $('.colore').on('click',function(){
    $('.container img').attr('src', '');
    $('.container img').attr('src', $(this).data("image"));
  });
});

$(document).ready(function() {
  $('.colore').on('click',function(){
     $('body').css('background-image','url(' +$(this).data("image")+')');
  });
});

如果要将图像置于页面背景中，请替换
文档。就绪
功能：

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));
  });
  $('.colore').on('click',function(){
    $('.container img').attr('src', '');
    $('.container img').attr('src', $(this).data("image"));
  });
});

$(document).ready(function() {
  $('.colore').on('click',function(){
     $('body').css('background-image','url(' +$(this).data("image")+')');
  });
});

具有以下
文档准备功能：

$(document).ready(function() {
  $('.colore.active').each(function(){
    $('.container img').attr('src', $(this).data("image"));
  });
  $('.colore').on('click',function(){
    $('.container img').attr('src', '');
    $('.container img').attr('src', $(this).data("image"));
  });
});

$(document).ready(function() {
  $('.colore').on('click',function(){
     $('body').css('background-image','url(' +$(this).data("image")+')');
  });
});

问题是代码错误这是正确的代码


$（文档）.ready（函数（）{
$（'.colore.active'）。每个（函数（）{
$（'.container'）.css(
“背景图像”，“url（+$（this）.data（“图像”）+”）
);
});
$（'.colore'）。在（'click'，function（）上{
$（'.container'）.css（'src'，''）；
$（'.container'）.css（'background-image'，'url（+$（this.data）（'image'）+'））；
});
});问题是代码错误这是正确的代码


$（文档）.ready（函数（）{
$（'.colore.active'）。每个（函数（）{
$（'.container'）.css(
“背景图像”，“url（+$（this）.data（“图像”）+”）
);
});
$（'.colore'）。在（'click'，function（）上{
$（'.container'）.css（'src'，''）；
$（'.container'）.css（'background-image'，'url（+$（this.data）（'image'）+'））；
});
});我稍微整理了一下您的示例代码，我想我已经添加了您正在寻找的后台开关


功能fctCheck（性别）{
$（“选择[name='subselector']）。隐藏（）；
$（“#”+性别）.show（）；
}
功能设置背景（选择器、url）{
$（选择器）.css（“背景图像”、“url”（+url+））；
}
美元（“#男人”）。关于（“改变”，功能（）{
$（“#wsl”）[this.value==“lsm”？“show”：“hide”]（）；
$（“#mtsm”）[this.value==“tsm”？“show”：“hide”]（）；
});
$（函数（）{
setBackground（“#box”，$（.colore.active”）.attr（“数据图像”）；
$（“.colore”）。在（“单击”，函数（）{
setBackground（“#box”，$（this.attr（“数据图像”））；
});
});
#wsl{显示：无；}
选择[name='subselector']{display:none；}
#盒子{
背景尺寸：封面；
背景位置：中心；
}
.container、.container2{
背景颜色：浅灰色；
宽度：200px；
高度：200px；
边框：2倍实心；
位置：相对位置；
溢出：自动；
浮动：左；
}
colore先生{
浮动：左；
宽度：20px；
高度：20px；
保证金：5px；
边框：1px实心rgba（0,0,0,2）；
}
.white{背景：#FFFFFF；}
.yellow{背景：#FAFF38；}
.orange{背景：#FFA200；}
.red{背景：#FF0000；}
.dorange{背景：#FF5500；}
.lgreen{背景：#80FF00；}
.green{背景：#45C731；}
.turk{背景：#17DDBC；}
.lblue{背景：#00A2FF；}
.blue{背景：#1713F6；}
.purple{背景：#AB09D3；}
.black{背景：#000000；}

选择性别
男人
选择一个项目
长袖
我稍微整理了一下您的示例代码，我想我已经添加了您正在寻找的后台开关


功能fctCheck（性别）{
$（“选择[name='subselector']）。隐藏（）；
$（“#”+性别）.show（）；
}
功能设置背景（选择器、url）{
$（选择器）.css（“背景图像”、“url”（+url+））；
}
美元（“#男人”）。关于（“改变”，功能（）{
$（“#wsl”）[this.value==“lsm”？“show”：“hide”]（）；
$（“#mtsm”）[this.value==“tsm”？“show”：“hide”]（）；
});
$（函数（）{
setBackground（“#box”，$（.colore.active”）.attr（“数据图像”）；
$（“.colore”）。在（“单击”，函数（）{
setBackground（“#box”，$（this.attr（“数据图像”））；
});
});
#wsl{显示：无；}
选择[name='subselector']{display:none；}
#盒子{
背景尺寸：封面；
背景位置：中心；
}
.container、.container2{
背景颜色：浅灰色；
宽度：200px；
高度：200px；
边框：2倍实心；
位置：相对位置；
溢出：自动；
浮动：左；
}
colore先生{
浮动：左；
宽度：20px；
高度：20px；
保证金：5px；
边框：1px实心rgba（0,0,0,2）；
}
.white{背景：#FFFFFF；}
.yellow{背景：#FAFF38；}
.orange{背景：#FFA200；}
.red{背景：#FF0000；}
.dorange{背景：#FF5500；}
.lgreen{背景：#80FF00；}
.green{背景：#45C731；}
.turk{背景：#17DDBC；}
.lblue{背景：#00A2FF；}
.blue{背景：#1713F6；}
.purple{背景：#AB09D3；}
.black{背景：#000000；}

选择性别
男人
选择一个项目
长袖
我还没有阅读所有的源代码，但是您是否尝试过为图像标签设置
z-index
？不太清楚当您可以简单地使用css
background:url（）时，为什么要使用图像标记作为背景图像但我相信你有你的理由。不，我怎么做？原因是我可以使用我创建的下拉菜单更改背景。你可以更改元素的css
background
属性。你也有一个拼写错误colore，它没有引起任何问题，但我想我会指出。我必须在is foo和另一个上设置代码集，我把它命名为colore，因为在另一个代码上，我不知道为什么。你能告诉我如何“改变css背景”的正确方向吗