0514-86177077

9:00-17:00（工作日）

主页 > 知识库 > 按钮在IE中两边被拉伸的 BUG

按钮在IE中两边被拉伸的 BUG
热门标签：外呼系统隐私 400开头电话在哪办理 电脑外呼系统安装 西安公司外呼系统价格 荆州销售电销机器人 扬州市地图标注 可以集成到系统的外呼 电话外呼系统怎么找准客户 中国世界文化遗产地图标注
大家在写按钮（input、button）的时候会发现在 IE 下：
随着字数的增多，两边的间距也会越来越大。
在 WIN 的XP 风格下，当字数很多时，两边还会出现严重的锯齿。
到底是什么原因呢？
蓝色理想 原 WEB标准化专栏 的斑竹 zbm2001z 给出了一个答案：
1、IE 在按钮的 value 值每增加 4 个字节（汉字为 2 个）时，就会在按钮的两边产生总共一个字节的内边距宽度。
2、IE 的按钮（XP 风格）默认样式是一个固定尺寸的圆角矩形图片作背景，所以一旦按钮变宽变高后，这个固定尺寸的圆角矩形图片的边缘自然就会出现“拉毛”的现象了。
对于第二个问题我们暂时没办法去解决，除非 WIN 系统自己修复 BUG ，但对于第一个问题 ，我们还是可以修复的。
IE 下给按钮元素设置 overflow 属性的 visible 值（注 ：padding 值仅在设置了overflow:visible 属性后才有效），这个属性其实在上次写的《background-clip 与 background-origin 的一则运用》一文中已经使用。不过在今天阅读了《The stretched buttons problem in IE》后，发现原来还有一个小 BUG —— 如果将按钮置于表格单元格中，虽然按钮显示正确了，但是原先预留的宽度大小却没有改变，仍然占据着空间，需要在 IE6 中设置按钮的宽度（width）为 0（IE7同样也存在此 BUG，但暂时没有寻找到好的方式解决）。
最终的修复代码如下（Demo）：
input.button { padding: 0 .25em; width: auto; _width: 0; overflow:visible !ie;}

标签：白银 贵阳 济南 延安 乐山 阿拉善盟 四川 锡林郭勒盟

巨人网络通讯声明：本文标题《按钮在IE中两边被拉伸的 BUG》，本文关键词  按钮,在,中,两边,被,拉伸,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《按钮在IE中两边被拉伸的 BUG》相关的同类信息！
  • 本页收集关于按钮在IE中两边被拉伸的 BUG的相关信息资讯供网民参考！
    • 推荐文章

    上一篇：HTML 行间距的设置方法与问题

    下一篇：html 鼠标 css 控制

    Copyright © 1999-2012 诚信 合法 规范的巨人网络通讯始建于2005年

    苏ICP备15040257号-8

    产品关键词： 按钮在IE中两边被拉伸的 BUG 按钮,在,中,两边,被,拉伸,