我想做迅雷看看那种效果。  每个视频图片移动上去后 边上会出现个浮动图层。 里面有简介内容.style type="text/css">
        #asd { border:#000000 solid 1px; margin-left:5px; position:relative; z-index:1;}
        #pa { width:150px; height:150px; border:#000000 solid 1px; background-color:White; position:absolute;z-index:2; margin-left:5px;}
    </style>
 <div id="main">
    <form>
        <div id="a1">
        <div id="a2" style="width:600; background-color:Silver; height:500px;">
            <asp:Repeater ID="Repeater1" runat="server">
           
                <ItemTemplate>
                    <a href="images/<%# Eval("stu_image") %>" target="_blank">
                    <img id="asd" onmouseover="onmouse()" onmouseout="onmouse()" alt="" src="simages/<%# Eval("stu_image") %>" width="120px" height="80px" /></a>
                    <div id="pa" style="display:none">1234444</div>
                </ItemTemplate>
           
            </asp:Repeater>
         </div>
    </div>
    </form>
</body>
用的Repeater 和 img 进行图片的显示。 其他都做好了现在问题是...我的现在的
这个id为pa的 div层 如何才能相对于 显示在每个img的右边呢?  让这个简介层 如何相对于img呢?
我设置了 position 好像都没什么用的.....

解决方案 »

  1.   

    <div style="float:left">
    <a href="images/<%# Eval("stu_image") %>" target="_blank">
                        <img id="asd" onmouseover="onmouse()" onmouseout="onmouse()" alt="" src="simages/<%# Eval("stu_image") %>" width="120px" height="80px" /></a>
    </div>
    <div style="float:left" id="pa" style="display:none">1234444</div>
    通过div的浮动让介绍性文字始终在图片的右边,还可以通过margin值控制两者距离;
    随便写的没有试过,原理是这样的,给楼主点参考
      

  2.   

     #asd { border:#000000 solid 1px; z-index:1;float:left;}
    #pa { width:150px; height:150px; float:left; border:#000000 solid 1px; background-color:White; margin-left:5px; position:relative; z-index:2;}