[CSS]为什么有时按钮的CSS样式在IE6/7下无效?

起因:有时候想改变一个按钮的样式,比如替换成一张渐变的背景图片等等.但当你设置好CSS之后,会发现IE8和FireFox下正常改变了效果,但IE6/7却依然无效(IE5.5都有效).为什么会这样?原因只因微软的IE没有按照标准来,而是试图建立自己的一套标准.更具体的原因就不再讨论了.以下是分析和解决办法.

分析:
  导致上面的结果的CSS问题在于,没有设置按钮图片的边框,哪怕边框的宽度设置为0px.

解决方法:
  解决的方案有很多种,在此列举三种:
1.根据上面的分析,可以给在CSS中替换了图片的按钮增加1px或者0px的边框,即可马上统一IE5.5/IE6/IE7/IE8/FireFox下的按钮样式.

2.可以设置input的type为"image",然后指定图片的"src"路径,这样按钮就彻底变成了一张干净的图片,同样是一个提交按钮,而且提交时会有"name.x"和"name.y"的坐标信息提交.比如制作一张map时此方法就格外适用.

3.可以跳出form设置一个"<a>按钮</a>"标签,然后指定标签的背景图片,然后设置javascript脚本为"onclick="javascript:document.form.submit();"或"a"的链接为"href="javascript:document.form.submit();",一样可以达到目的.

  当然,本文不是讨论如何制作提交按钮,而是讨论在正常的情况下用CSS设置按钮背景时要记得添加一个border.到此,本日志结束.

[本日志由 黑咖啡 于 2009-03-31 00:36:52 编辑]
上一篇: PJ3.0.6.170关于草稿部分的比较严重的BUG
下一篇: [CSS]IE6/7中的边框不定高问题
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: 为什么 按钮 CSS 样式 IE6/7 无效 解决
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
海天无影
回复回复海天无影[2009-03-30 23:24:57 | | | del | 取消审核]
[ 正在加载评论信息,请稍候... ]
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.