首頁 > web前端 > html教學 > ie6下按钮下边框消失不显示的问题_html/css_WEB-ITnose

ie6下按钮下边框消失不显示的问题_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:56:33
原創
1099 人瀏覽過

最近网站做改版,又发现一个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引起的问题???

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板