后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2875|回复: 16
今天发现的IE一个问题,不知道是不是BUG
UID190413在线时间 小时积分263帖子离线17401 天注册时间
中级会员, 积分 263, 距离下一级还需 237 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml& xml:lang=&utf-8& lang=&utf-8&&
&title&Template&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&style type=&text/css&&
#test li{height:25}
&body id=&& class=&&&
&li&没有设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&ol id=&test&&
&li&设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&提示：您可以先修改部分代码再运行
当给LI设置了高度以后,在IE下序号就为都是1了.
如何解释呢?
UID402069在线时间 小时积分1234帖子离线17401 天注册时间
银牌会员, 积分 1234, 距离下一级还需 1766 积分
这个是IE layout 的问题!!!!也米什么好解释的了!只要能够触发就出问题!!故而ol等有序的 多数用 JS+图片解决! 在郁闷的就知道用无序的算了!!
UID305152在线时间 小时积分277帖子离线17401 天注册时间
中级会员, 积分 277, 距离下一级还需 223 积分
把height&&改成line-height
UID465524在线时间 小时积分2061帖子离线17401 天注册时间
银牌会员, 积分 2061, 距离下一级还需 939 积分
这个我也第一次看到，不过我基本上都不用list-一般用padding-left+背景
UID320363在线时间 小时积分1445帖子离线17401 天注册时间
银牌会员, 积分 1445, 距离下一级还需 1555 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml& xml:lang=&utf-8& lang=&utf-8&&
&title&Template&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&style type=&text/css&&
#test li{height:25}
&body id=&& class=&&&
&li&没有设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&ol id=&test&&
&li&设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&提示：您可以先修改部分代码再运行
变态方法。昨天刚接触
UID322475在线时间 小时积分332帖子离线17401 天注册时间
中级会员, 积分 332, 距离下一级还需 168 积分
樓上嘅，強~~　這樣也行？
為什麽　加了個 &style&　就可以了？真怪
UID320363在线时间 小时积分1445帖子离线17401 天注册时间
银牌会员, 积分 1445, 距离下一级还需 1555 积分
这个也是一个搞前端开发的朋友遇到的
所以我才会知道。。呵呵。。
UID399608在线时间 小时积分1522帖子离线17401 天注册时间
银牌会员, 积分 1522, 距离下一级还需 1478 积分
- -!&&加到条件注释里面吧
UID402069在线时间 小时积分1234帖子离线17401 天注册时间
银牌会员, 积分 1234, 距离下一级还需 1766 积分
这个方法还真是奇怪!!!!没有其他弊端么??感觉这样没闭合有点奇怪也 !
UID190413在线时间 小时积分263帖子离线17401 天注册时间
中级会员, 积分 263, 距离下一级还需 237 积分
to lhnlj2 :
不知道你是不是我们那个群的,因为那天我也是发现这个方法可以解决,在群里跟大家探讨过,不过后面我知道了原因.
& && && &&style&
& & & & &style type=&text/css&&
& & & & & & & & li{height:25}
& & & & &/style&
这样写其实这个样式是无法实施到li上面的,等于是样式无效.所以不会影响到ol的表现.
UID391214在线时间 小时积分6918帖子离线17401 天注册时间
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml& xml:lang=&utf-8& lang=&utf-8&&
&title&Template&/title&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&style type=&text/css&&
#test ol li{height:25}
&body id=&& class=&&&
&li&没有设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&ol id=&test&&
&li&设置高度&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&li&中国当自强&/li&
&提示：您可以先修改部分代码再运行
UID312990在线时间 小时积分606帖子离线17401 天注册时间
高级会员, 积分 606, 距离下一级还需 394 积分
LS这种方法也是相当于无效吧~
和5#是一样的作用
UID320363在线时间 小时积分1445帖子离线17401 天注册时间
银牌会员, 积分 1445, 距离下一级还需 1555 积分
楼主我好像不认得你。。
不过这个问题好像是你同事和我说的。
他一直是我学习的榜样
UID33573在线时间 小时积分3607帖子离线17401 天注册时间
记得很早以前我在BI上发了一帖是
《ol ul浮动后不见序列符号的问题》
我想LZ说的应该是这个吧。
UID131634在线时间 小时积分19247帖子离线17401 天注册时间
1、把height&&改成line-height
2、使用padding调整
UID305180在线时间 小时积分184帖子离线17401 天注册时间
初级会员, 积分 184, 距离下一级还需 16 积分
一直不太明白height和line-height的不同用法
UID377095在线时间 小时积分38帖子离线17401 天注册时间
新手上路, 积分 38, 距离下一级还需 12 积分
回LS&&二者很明显,height是元素的高度，line-height是行高;在阅读大片文本的时候你就会发现设置了合适line-height的文本是多么舒服.
Powered by后使用快捷导航没有帐号？
只需一步，快速开始
查看: 2408|回复: 20
发现一个IE的新bug...不知是不是我火星了
UID148911在线时间 小时积分784帖子离线17401 天注册时间
高级会员, 积分 784, 距离下一级还需 216 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style type=&text/css&&
#test li a { margin:0 15 }
&div id=&test&&
&li&&a href=&#&&吼吼&/a&&a href=&#&&嘿嘿&/a&&a href=&#&&嘻嘻&/a&&/li&
&提示：您可以先修改部分代码再运行
链接左边会多出15像素的空白链接区...此bug影响IE6/7。& &IE8和FF正常。
解决办法：
#test li span a { margin:0 15 display:inline-block }
#test li span a { margin:0 15 *zoom:1 }
这个bug折腾我好久，把解决方法也发上来了，不知道我有没有火星了？
也许不是bug，难道&a&是内联对象不能用margin ？
[[i] 本帖最后由 scorpio32 于
01:52 编辑 ]
UID500900在线时间 小时积分4992帖子离线17401 天注册时间
金牌会员, 积分 4992, 距离下一级还需 8 积分
*& &这个 星号在CSS里面干什么用的啊&&
能给我说下吗
UID452348在线时间 小时积分3844帖子离线17401 天注册时间
金牌会员, 积分 3844, 距离下一级还需 1156 积分
请看解释：
display:inline就是将元素显示为块级元素.
block元素的特点是：
总是在新行上开始；
高度，行高以及顶和底边距都可控制；
宽度缺省是它的容器的100%，除非设定一个宽度
&div&, &p&, &h1&, &form&, &ul& 和 &li&是块元素的例子。
display:inline就是将元素显示为行内元素.
inline元素的特点是：
和其他元素都在一行上；
高，行高及顶和底边距不可改变；
宽度就是它的文字或图片的宽度，不可改变。
&span&, &a&, &label&, &input&, &img&, &strong& 和&em&是inline元素的例子。
inline和block可以控制一个元素的行宽高等特性，需要切换的情况如下：
让一个inline元素从新行开始；
让块元素和其他元素保持在一行上；
控制inline元素的宽度（对导航条特别有用）；
控制inline元素的高度；
无须设定宽度即可为一个块元素设定与文字同宽的背景色。
display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。
inline-block的元素特点：
& &&&将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。(准确地说，应用此特性的元素呈现为内联对象，周围元素保持在同一行，但可以设置宽度和高度地块元素的属性)
& &&&并不是所有浏览器都支持此属性，目前支持的浏览器有：Opera、Safari在IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的这个分析，也不难理解为什么IE下，对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被display:inline-block触发了layout，而它本就是行布局，所以触发后，块元素依然还是行布局，而不会如Opera中块元素呈递为内联对象。
IE下块元素如何实现display:inline-block的效果？
有两种方法：
1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将display设回inline或block，layout不会消失）。代码如下（...为省略的其他属性内容）：
div {display:inline-...}
div {display:}
2、直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1等）。代码如下：
div {display: zoom:1;...}
&style&div,span{background-color:margin:5border:1px solid #333;padding:5height:52color:#}.b{display:}.i{display:}div.ib{display:inline-}div.ib{display:}a.ib{display:inline-}a.ib{display:}span.v{padding:0;margin:0;border:0;vertical-align:height:100%}&/style&&div&div display:block&/div&&div class=&i&&div display:inline&/div&&div class=&ib&&div display:inline-block&/div&&span&span display:inline&/span&&span class=&b&&span display:block&/span&&span&&a class=&ib&&a display:block&/a&&/span&&br /&&div&&span class=&v&&&/span&vertical-align:middle&/div&
&提示：您可以先修改部分代码再运行
补充：*为hack ie6 ie7的，ff不执行。
[[i] 本帖最后由 dededesign 于
09:12 编辑 ]
UID193792在线时间 小时积分829帖子离线17401 天注册时间
高级会员, 积分 829, 距离下一级还需 171 积分
原帖由 [i]scorpio32 于
01:42 发表
无标题文档
#test li a { margin:0 15 }
吼吼嘿嘿嘻嘻
&提示：您可以先修改部分代码再运行
链接左边会多出15像素的空白链接区...此bug影响IE6/7。& &IE8和FF正常。
解决办法：
#test li sp ...
有点不明白你说的这个 链接左边会多出15像素的空白链接区
UID416583在线时间 小时积分796帖子离线17401 天注册时间
高级会员, 积分 796, 距离下一级还需 204 积分
我怎么觉得3#答非所问啊！
* 这是做的一个HACK,只有IE6/IE7识别！
UID465675在线时间 小时积分1696帖子离线17401 天注册时间
银牌会员, 积分 1696, 距离下一级还需 1304 积分
回复 5# kaka48265
3#不知是不是没有睡醒。
4#你用鼠标移到链接左侧就知道怎么回事了。
另：float:也行。
UID496283在线时间 小时积分3441帖子离线17401 天注册时间
懂楼主的意思了，IE6,7 会把 margin 也计入链接的热区，这倒真是挺恐怖的。
UID283590在线时间 小时积分2414帖子离线17401 天注册时间
银牌会员, 积分 2414, 距离下一级还需 586 积分
#test li {width:300} or #test li{overflow:}
找问题的本质。
UID385750在线时间 小时积分1596帖子离线17401 天注册时间
银牌会员, 积分 1596, 距离下一级还需 1404 积分
原帖由 [i]birdstudio 于
13:19 发表
懂楼主的意思了，IE6,7 会把 margin 也计入链接的热区，这倒真是挺恐怖的。
恩 一般都避免给A加上一些margin&&padding&&. 貌似 text-indent 也是计入连接热区的。
UID148911在线时间 小时积分784帖子离线17401 天注册时间
高级会员, 积分 784, 距离下一级还需 216 积分
原帖由 [i]superlazy 于
14:13 发表
恩 一般都避免给A加上一些margin&&padding&&. 貌似 text-indent 也是计入连接热区的。
text-indent也是?&&有空去试一下，呵呵
UID492298在线时间 小时积分2894帖子离线17401 天注册时间
银牌会员, 积分 2894, 距离下一级还需 106 积分
内联元素貌似是不能设margin和padding的！
UID402069在线时间 小时积分1234帖子离线17401 天注册时间
银牌会员, 积分 1234, 距离下一级还需 1766 积分
同意LS的。。。。。要加也在li 上面加。。。
内联元素要使用 m $ p 都要加 h or w or absolute
UID501812在线时间 小时积分423帖子离线17401 天注册时间
中级会员, 积分 423, 距离下一级还需 77 积分
还嘎嘎 呵呵吧
UID352426在线时间 小时积分6850帖子离线17401 天注册时间
原帖由 [i]sjq617 于
14:48 发表
内联元素貌似是不能设margin和padding的！
UID34621在线时间 小时积分3109帖子离线17401 天注册时间
金牌会员, 积分 3109, 距离下一级还需 1891 积分
- -|| 测试了下没发现多出的15PX链接..&&然道俺的浏览器有浏览器品问题&&...
UID340926在线时间 小时积分698帖子离线17401 天注册时间
高级会员, 积分 698, 距离下一级还需 302 积分
3#的第一句display:inline就是将元素显示为块级元素. 好像写错了。应该是display:吧
看的我一头雾水
UID329471在线时间 小时积分2580帖子离线17401 天注册时间
银牌会员, 积分 2580, 距离下一级还需 420 积分
3楼，display:inline是变成内联元素吧？block变成块，float变成块
UID479151在线时间 小时积分832帖子离线17401 天注册时间
高级会员, 积分 832, 距离下一级还需 168 积分
没见过这种状况
UID257416在线时间 小时积分269帖子离线17401 天注册时间
中级会员, 积分 269, 距离下一级还需 231 积分
没有问题。
UID361722在线时间 小时积分5869帖子离线17401 天注册时间
LZ的这个问题提的很好。
很多网站的分页链接都有这个问题。我用的是display:inline-block解决的（之前不明白，现在才知道实质是触发haslayout，而不是说inline-block属性起了作用。）
inline元素中应用margin本不算违规，只是对于非可置换inline元素来说，margin-top/bottom会无效。然而还要注意对链接的active的影响——这也是LZ提醒了我。
UID148911在线时间 小时积分784帖子离线17401 天注册时间
高级会员, 积分 784, 距离下一级还需 216 积分
原帖由 [i]ONEBOYS 于
11:57 发表
LZ的这个问题提的很好。
很多网站的分页链接都有这个问题。我用的是display:inline-block解决的（之前不明白，现在才知道实质是触发haslayout，而不是说inline-block属性起了作用。）
inline元素中应用margin本 ...
对， IE的haslayout真是众多bug的根源啊...
Powered by梦想起航, 积分 10, 距离下一级还需 50 积分
主题帖子社区积分
机&&&&&&&型:魅蓝 E2版&&&&&&&本:6.0.3.4Y总签到数:0
轻松注册，让你轻松玩转Flyme社区
才可以下载或查看，没有帐号？
这两天发现手机充电的时候，如果是关闭屏幕，然后接通快充，这时候会有一个问题，就是你不管怎么按，屏幕都是亮不起来，得长按电源键才行。 但是你亮着屏幕接通电源就没有这个问题，不知道你们会不会。刚发现一个不知道算不算是BUG，敏锐天赋
暗影之刃，可用两次
我做了个宏把赤喉之咬和暗影之刃绑在了一起，& &宏如下 #showtooltips/cast 暗影之刃/cast 赤喉之咬然后刚才我闲的没事在刷以前80 70级的副本发现一个情况，不知道算不算是BUG，就是用这个宏，一下就杀死目标的话，你会发现，暗影之刃和赤喉之咬都开了但是一秒钟后，暗影之刃的冷却时间又刷新了，，，，，也就是说又能再用一次暗影之刃我翻了几遍敏锐系的技能和天赋，还有神器天赋，并没有发现有什么天赋是可以刷新暗影之刃的所以我在想这是不是一个BUG
目前还没在PVP试过这里要说明一下，并不是每次都这样，不过几率挺大
BOSS战会重置3分钟以上的技能
和嗜血一样的。大技能boss死或脱战都会刷新。
[b]Reply to [pid=]Reply[/pid] Post by [uid=]lklike8520[/uid] ( 12:12)[/b]原来是这样，，，，明白了
虽然这很可爱，但还是为你的分享精神点赞
很可爱，你很可爱
可爱的楼主[s:ac:茶]
火星了吧！[s:ac:花痴]}