Heim >Web-Frontend >HTML-Tutorial >IE8下滚动图片下面的文字错位,跑到图片的上面,IE6,7,FF显示正常_html/css_WEB-ITnose

IE8下滚动图片下面的文字错位,跑到图片的上面,IE6,7,FF显示正常_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:21:561390Durchsuche

            <div class="project">                <div class="project_more">                    <a href="Team.aspx?code=myfcitem">                        <img  src="images/more.gif" / alt="IE8下滚动图片下面的文字错位,跑到图片的上面,IE6,7,FF显示正常_html/css_WEB-ITnose" ></a></div>                <div id="divx1"   style="max-width:90%" heigth="155px">                    <ul>                        <table>                            <tr>                                <asp:repeater id="rptContentMYFC" runat="server">                            <ItemTemplate><td>              	 <li><a href='TeamView.aspx?Key=<%#Eval("id") %>'>              	 <img  src='<%#GetImg(Eval("imgPath")) % alt="IE8下滚动图片下面的文字错位,跑到图片的上面,IE6,7,FF显示正常_html/css_WEB-ITnose" >'  title='<%#Eval("title") %>'  width="95"    style="max-width:90%" /></a>              	 <span><%# TFXK.Common.StrHelper.CutString(Eval("title")+"",18) %></span></li>                         </td> </ItemTemplate>                                </asp:repeater>                            </tr>                        </table>                    </ul>                </div>            </div>


.project{ width:943px; height:190px; background-color:Aqua; float:left; background-image:url(images/zt_73.jpg); background-repeat:no-repeat; background-position:1px top; margin-top:20px; display:inline; padding-left:5px; display:inline;}.project_more{height:25px; text-align:right; padding-top:35px; display:inline; width:925px; float:left;}.project ul li{ float:left; width:120px; height:140px; margin:0px 10px; display:inline;}.project ul li a img{ width:90px; height:110px; padding:2px; border:solid 1px #dadada;}.project ul li span{ width:120px; height:30px; float:left; text-align:center; line-height:30px;}

调了半天,也没调出来,滚动图片下的文字总是在图片的上面显示,而且还错一位,IE6,7,FF都显示正常。(IE6显示文字的时候,文字在正确的位置,但只显示一半文字)
谢谢


回复讨论(解决方案)

没有见到有这样的写法的:




    。。。

  • 。。。。
    你的布局有严重的问题,要么,直接用
      (中间不要套用其它的元素)
    • ,要么,就直接用表格table

      找到问题原因了,
      IMAGE 元素没有设置 BLOCK ,
      它后面的 SPAN 与它显示出问题。
      把 IMAGE 中上 display:block;恢复正常。
      唉,研究了3天多,才解决。

      问题解决了是小问题,,你的布局才是大问题。。建议也改改布局吧,养成好习惯

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn