Question

我正在尝试插入一个聊天脚本，介绍一个div，它已经是一个img src，我希望这个聊天适合它。

 <div id="g_image6" style="position:absolute; overflow:hidden; left:0px; top: 80%; width:                  
   22%; height: 60%; z-index:3">
  <div>
 <img src="images/content1.png" alt="" title="" border=0 width=100% height=100%>
  <script>here's the script</script>
  </div>
  </div>

Answer 1

给div一个id ...

<div id="chatscript">
<img src="images/content1.png" alt="" title="" border=0 width=100% height=100%>
</div>

然后使用Jquery，用脚本内容替换div的内容......

var yourscript = "<p>This is your chat data</p>";
$('#chatscript').html(yourscript);

但当然这取决于你如何获取数据..

Answer 2

您是否尝试将图片作为背景添加到div而不是src标签？这样它将作为你脚本的背景。

<div id="g_image6" style="position:absolute; overflow:hidden; left:0px; top: 80%; width: 22%; height: 60%; z-index:3">
<div style="background: url('images/content1.png'); background-repeat: no-repeat;">
<script>script goes here</script>
</div>
</div>

我不知道这是不是您正在寻找的内容，但它会将图片设置为您聊天的背景。

如何将内容插入另一个内容到div中

2 个答案: