主站
经典论坛
家园
作品集
Think.Pages
维基
桌面
聚合
注册
登录
专长会员
帮助
客服QQ:6650171
经典论坛
»
WEB标准化专栏
» <a>折行时的背景IE无法正确定位的问题!?
‹‹ 上一主题
|
下一主题 ››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
打印
[求助]
<a>折行时的背景IE无法正确定位的问题!?
wakakasir
[楼主]
初级会员
帖子
222
体力
197
威望
0
当前
北京 宣武区
个人网站
发短消息
加为好友
1
#
大
中
小
发表于 2008-9-11 12:32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css" rel="stylesheet"> #lia { width:300px; border:solid 1px red; } ul,li { margin:0; padding:0; } li { margin:3px auto; list-style:none; } a { padding-right:12px; background:url("http://dev.xiaonei.com/mediawiki/skins/xiaonei/external.png") no-repeat right top; } </style> <title>test</title> </head> <body> <div id="lia"> <ul> <li><a href="#" title="a">这是一个比较短的链接</a></li> <li><a href="#" title="b">这里一个比较短的链接</a></li> <li><a href="#" title="c">这里一个比较长长长长长长长长长长长长长长长的链接</a></li> <li><a href="#" title="d">这里又一个很长很长很长很长的连接长啊长嘬长啊长啊长啊</a></li> </ul> </div> </body> </html>
提示:您可以先修改部分代码再运行
如上代码,在<a>折行的时候,FF等浏览器能正确将背景应用于<a>的最后面,而IE会将背景应用于折行处!?
请问为什么会这样,如何解决!?谢谢了!!!
在IE7不管是标准还是怪异模式下都有此问题,IE8下标准模式背景能正常定位,怪异模式依然无耐!
[
本帖最后由 wakakasir 于 2008-9-12 14:30 编辑
]
blog.mrailin.com
积分
197
阅读权限
20
在线时间
905 小时
注册时间
2007-6-13
最后登录
2008-12-3
查看个人网站
查看详细资料
TOP
做西部数码代理.Cn1元国际45元
|
微软开发者工具互动网站
dushizhuma
中级会员
帖子
243
体力
481
威望
6
离线
1 天
发短消息
加为好友
打分 2
2
#
大
中
小
发表于 2008-9-14 01:38
我似乎不扽的不说,这个是ie的bug。暂时没有什么好的办法。除非不用背景图片,而是使用img直接在最后。
不过,这里有个家伙和你碰到了一样的问题,而且,他好像找到了解决方案,你可以看看:
http://adipalaz.awardspace.com/linksbg-en.html
积分
487
阅读权限
30
在线时间
98 小时
注册时间
2005-5-14
最后登录
2008-12-2
查看详细资料
TOP
美橙vps独立IP月付189元
|
千千静听皮肤设计大赛
nangongruiyang
南宫瑞扬
中级会员
帖子
103
体力
212
威望
0
当前
北京 海淀区
离线
1 天
个人网站
发短消息
加为好友
专长
网页设计,UI,平面
3
#
大
中
小
发表于 2008-9-28 10:46
楼上给的网址全蝌蚪文,看不懂
楼主的问题:
<a href="#" title="a">这是一个比较短的链接<span> </span></a>
(span{background:url("http://dev.xiaonei.com/mediawiki/skins/xiaonei/external.png") no-repeat left top;})
这样就可以
璨如烟花 静如流年
积分
212
阅读权限
30
性别
女
在线时间
72 小时
注册时间
2007-3-23
最后登录
2008-12-1
查看个人网站
查看详细资料
TOP
activeTechPros 共享IT行业薪资信息
|
《疯狂的程序员》劲爆上市
zxwancao
初级会员
帖子
45
体力
83
威望
0
离线
2 天
发短消息
加为好友
专长
网页设计,前端制作
4
#
大
中
小
发表于 2008-9-28 11:08
板凳的方法顶不错的....
不过如果是我我不会选择这样做,因为这里的span标签没意义~
积分
83
阅读权限
20
在线时间
23 小时
注册时间
2007-6-3
最后登录
2008-12-1
查看详细资料
TOP
还在为头像烦恼?还在为不能关注好友动态烦忧?快来
蓝色理想家园
吧!
twming
中级会员
帖子
125
体力
269
威望
0
当前
广东 广州
离线
1 天
发短消息
加为好友
专长
网页设计,前端制作
5
#
大
中
小
发表于 2008-9-28 11:28
a {
display:inline-block;
}
这样IE就可以了一点点!
不过还没有解决。。。。(IE7)
其他没试!
[
本帖最后由 twming 于 2008-9-28 11:50 编辑
]
积分
269
阅读权限
30
性别
男
在线时间
181 小时
注册时间
2007-7-12
最后登录
2008-12-1
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
版块跳转
内部交流区
网站开发区
前台制作与脚本专栏
后台数据库编程
WEB标准化专栏
WAP 技术专栏
平面设计区
艺术与设计论坛
Adobe Photoshop 专栏
Fireworks 专栏
矢量图形专栏
插画手绘交流
交互设计区
用户体验综合版
UI图形设计
RIA设计与应用
Flash 8 及之前版本
Flash CS3 及 AS3
Silverlight 专版
Director 专栏
其它技术讨论区
计算机技术
英语学习和技术翻译
摄影欣赏与技术交流
无线通讯与数码设备
信息平台
企业招聘
学习工作交流区
体育运动、线下活动与游戏
创业版