css设置图片某个区域为文字区域(让两个div重合)

为了播放音乐。音乐的按钮有一个区域，放提示语，用程序动态设置。

效果图如：

字的内容由成都设计公司提供的程序来处理:

[html]   view plain copy

<EMBED id=ZeroClipboardMovie_1 height=18 name=ZeroClipboardMovie_1 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=1&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. <div style="position:relative">  
2.                   <!-- 图片的DIV -->  
3.                  <div style="position:absolute; float:left; top:0px; left:0px;">  
4.                  <img style="width:320px"  src="${ctx}/images/guide/player_start.png" name="playAudio" id="playAudio">  
5.                  </div>  
6.                    
7.                  <!-- 提示语的DIV-->  
8.                  <div id="tips" style="position:absolute; float:left;top:17px;left:70px;height:18px;width:200px;color:white;">可点击按钮播放音频介绍</div>  
9.                  </div>  

附对应的图片：

 

[javascript]   view plain copy

<EMBED id=ZeroClipboardMovie_2 height=18 name=ZeroClipboardMovie_2 type=application/x-shockwave-flash align=middle pluginspage=http://www.macromedia.com/go/getflashplayer width=18 src=http://static.blog.csdn.net/scripts/ZeroClipboard/ZeroClipboard.swf wmode="transparent" flashvars="id=2&width=18&height=18" allowfullscreen="false" allowscriptaccess="always" bgcolor="#ffffff" quality="best" menu="false" loop="false">

1. $("#playAudio").click(function(){  
2.          var isPause=$("#isPause").val();  
3.          //alert("isPause:"+isPause);  
4.          var srcUrl=  $("#playAudio").attr("src");  
5.          if(srcUrl.indexOf("player_start")>0){  
6.              if(isPause==""){  
7.                 // alert("player_start");  
8.                  window.meeting.setMusicUrl('${meetingContent.reserve2}');  
9.                  $("#isPause").val("pause");  
10.              }  
11.              window.meeting.startPlay();  
12.              $("#tips").html("正在播放中......");  
13.              $("#playAudio").attr("src","${ctx}/images/guide/player_pause.png");  
14.          }else if(srcUrl.indexOf("player_pause")>0){  
15.             // alert("player_pause111111");  
16.              window.meeting.pausePlay();  
17.              $("#tips").html("已暂停,点击继续");  
18.              $("#playAudio").attr("src","${ctx}/images/guide/player_start.png");  
19.          }  
20.            
21.         // window.meeting.startPlay('${meetingContent.reserve2}');  
22.         // $("#playAudio").attr("src","${ctx}/images/guide/player_pause.png");  
23.            
24.      });  

转载于:https://my.oschina.net/u/2370141/blog/417078