IE6又一bug？

2008-04-16 16:01 | Filed Under Html/JS/CSS |

总结一下就是类似#gisarrow.over、#gisarrow.expanded这样的选择符
在使用javascript动态更改className的时候只有最先定义的一个样式有效

在IE6运行以下例子，然后删掉#gisarrow.over做个对比
IE7下还没试

<!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"> <head> <style type="text/css"> #gisarrow { width: 10px; height:630px; float: left; background: #F3F3F3 url(http://124.42.44.70/ska/images/arrow-right.gif) no-repeat center; } #gisarrow.over { background-color: #C3D9FF; cursor: pointer; } #gisarrow.expanded { background-image: url(http://124.42.44.70/ska/images/arrow-left.gif); } </style> <script type="text/javascript"> function expand() { var arrow = document.getElementById('gisarrow'); arrow.className = 'expanded'; } function collapse() { var arrow = document.getElementById('gisarrow'); arrow.className = ''; } function arrowClick() { var arrow = document.getElementById('gisarrow'); if (arrow.className == 'expanded') { collapse(); } else { expand(); } } </script> </head> <body> <div id="gisarrow" onclick="arrowClick()"></div> </body> </html>

提示：你可以先修改部分代码再运行。

标签：bug, class, css, ie, javascript, 样式

Comments

4 Responses to “IE6又一bug？”

qatang on 2008-04-18 9:39 am

这么快就见报了。。。

[Reply]
olive on 2008-04-18 11:05 pm

我google的阅读器连到你的blog 那是个很奇怪的地方找不着北
以为你又大换血了呢

[Reply]
Sunshow reply on 04月 18th, 2008:
上次我碰到了这个情况，文章内容是我的，点了链接去了个莫名其妙的地方……

[Reply]
linglinglingling on 2008-04-23 11:25 am

怎么还没更新啊，妄我来了一趟

[Reply]

Leave a Reply

IE6又一bug？

Comments

Subscribe

Recent Articles

Meta

加速这个网站！

激活 Gears

Gears 状态

不兼容的浏览器