如何使用html在文本上定位文本?

时间:2014-04-22 08:22:26

标签: javascript html

如何使用没有css文件的html将文本居中于图像上。我想做类似下面的事情,但我遇到了困难而且我也在使用此功能

<script type="text/javascript">
  (function($){    
      $(function(){    
        $("#g1").jFlip(920,539,{background:"green",cornersTop:false}).
        bind("flip.jflip",function(event,index,total){
          $("#l1").html("Image "+(index+1)+" of "+total);
        });
        $("#g2").jFlip(920,539,{background:"green",cornersTop:true,scale:"fit"});
        $("#g3").jFlip(920,539,{background:"green",cornersTop:true,scale:"fill"});
      });
  })(jQuery);
  </script>

    <li>
        <div style="position: relative">
            <div style="top: 12px; left: 12px;">
                <img src="image/banner.jpg" alt="description here"/>
            </div>

            <div style="top: 12px; left: 12px; color: #000;" id="text">
                Place text here
            </div>
        </div> 

1 个答案:

答案 0 :(得分:0)

在你的问题中,还有css。但是我有这个解决方案:

JS Fiddle Demo

<强> HTML:

<div id="mainContainer">
<img style="position:absolute;" src="http://pamirtimes.net/wp-content/uploads/2012/03/Yasin.jpg" />
    <p style="position:absolute;"> I am Text </p>
</div>

希望这有帮助。