ホームページ >ウェブフロントエンド >htmlチュートリアル >IE6_html/css_WEB-ITnoseでボタンの下枠が消えて表示されない問題
IE6_html/css_WEB-ITnoseでボタンの下枠が消えて表示されない問題
- WBOYオリジナル
- 2016-06-24 11:56:331099ブラウズ
最近网站做改版，又发现一个ie6奇葩的问题，就一个很普通带边框的按钮，但在ie6中下边框不显示，ie7没有测试不知道是不是也不显示，其他浏览器正常
代码和预览效果如下：
<style>body{ font-size:12px; font-family:tahoma,arial,verdana,\5b8b\4f53,sans-serif; color:#666;}.btn{ display:inline-block; line-height:23px; padding:0 10px; border:solid 1px red; text-decoration:none; vertical-align:middle;}</style><a class="btn" href="#">一个按钮</a>
这里先说下自己的解决办法。通过测试发现多种办法可以解决此问题
1、body字体声明改为arial默认font-family:arial,tahoma,verdana,\5b8b\4f53,sans-serif
2、去掉按钮的vertical-align值
3、把按钮block、浮动等
测试猜想应该是字体和vertical-align:middle引起的问题???
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。