problem description
how do I float and display text on the surface of < Object > elements?
the environmental background of the problems and what methods you have tried
the following are video surveillance controls, which are displayed in Object. At present, some real-time data need to be displayed by text floating on the video surface.
setting the < param name= "wmode" value= "transparent" > parameter is also useless,
I have tried to set z-index:9999 and fload, but I can"t float on the video surface all the time.
<style type="text/css">
.divPluginFload {
width: 200px;
height: 100px;
z-index:9999;
float: right;
color:-sharpFF0000;
}
</style>
<div class="divPluginFload">PM10:88TSP:100</div>
<div class="plugin" id="divPlugin">
<object width="500" height="300" align="center" id="webVideoCtrl20180815110616" classid="clsid:FDF0038A-CF64-4634-81AB-80F0A7946D6C" codebase="" standby="Waiting...">
<PARAM NAME="_Version" VALUE="65536">
<PARAM NAME="_ExtentX" VALUE="13229">
<PARAM NAME="_ExtentY" VALUE="7938">
<PARAM NAME="_StockProps" VALUE="0">
<PARAM NAME="activextype" VALUE="1">
<PARAM NAME="wndtype" VALUE="1">
<PARAM NAME="needborder" VALUE="1">
<PARAM NAME="playmode" VALUE="">
<PARAM NAME="colors" VALUE="">
<param name="wndtype" value="2">
<param name="playmode" value="2">
<param name="colors" value="">
<param name="wmode" value="transparent">
</object>
</div>what result do you expect? What is the error message actually seen?
expect some text to float on the video surface.