IE8下滚动图片下面的文字错位,跑到图片的上面,IE6,7,FF显示正常_html/css_WEB-ITnose
<div class="project"> <div class="project_more"> <a href="Team.aspx?code=myfcitem"> <img src="/static/imghw/default1.png" data-src="images/more.gif" class="lazy" / 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天多,才解决。问题解决了是小问题,,你的布局才是大问题。。建议也改改布局吧,养成好习惯
- ,要么,就直接用表格table
|

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web开发中的作用分别是:1.HTML定义网页结构,2.CSS控制网页样式,3.JavaScript添加动态行为。它们共同构建了现代网站的框架、美观和交互性。

HTML的未来趋势是语义化和Web组件,CSS的未来趋势是CSS-in-JS和CSSHoudini,JavaScript的未来趋势是WebAssembly和Serverless。1.HTML的语义化提高可访问性和SEO效果,Web组件提升开发效率但需注意浏览器兼容性。2.CSS-in-JS增强样式管理灵活性但可能增大文件体积,CSSHoudini允许直接操作CSS渲染。3.WebAssembly优化浏览器应用性能但学习曲线陡,Serverless简化开发但需优化冷启动问题。

HTML的未来充满了无限可能。1)新功能和标准将包括更多的语义化标签和WebComponents的普及。2)网页设计趋势将继续向响应式和无障碍设计发展。3)性能优化将通过响应式图片加载和延迟加载技术提升用户体验。

HTML、CSS和JavaScript在网页开发中的角色分别是:HTML负责内容结构,CSS负责样式,JavaScript负责动态行为。1.HTML通过标签定义网页结构和内容,确保语义化。2.CSS通过选择器和属性控制网页样式,使其美观易读。3.JavaScript通过脚本控制网页行为,实现动态和交互功能。

HTML是构建网页结构的基石。1.HTML定义内容结构和语义,使用、、等标签。2.提供语义化标记,如、、等,提升SEO效果。3.通过标签实现用户交互,需注意表单验证。4.使用、等高级元素结合JavaScript实现动态效果。5.常见错误包括标签未闭合和属性值未加引号,需使用验证工具。6.优化策略包括减少HTTP请求、压缩HTML、使用语义化标签等。

HTML的作用是通过标签和属性定义网页的结构和内容。1.HTML通过到、等标签组织内容,使其易于阅读和理解。2.使用语义化标签如、等增强可访问性和SEO。3.优化HTML代码可以提高网页加载速度和用户体验。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增强WebevebDevelopment。
