专注优质Wordpress企业网站搭建与优化

柳影花阴:IE中长按钮的显示问题【补完】



SEO优化,CSS教程,Wordpress博客

原文地址:Button Width in IE – Revised

翻译整理:西米CC

《解决IE中长按钮的显示问题》一文中,我们介绍了如何消除IE中长按钮左右边无故出现“补白”的问题。但是,但我们把按钮放到表格单元格中的时候,新的问题又出现了。

当我们把一个长按钮放到红色边框的单元格中时,即使我们把单元格的宽度设置得比按钮小,仍会出现以下状况:

SEO优化,CSS教程,Wordpress博客

针对按钮本身,我们跟前文一样,通过设置width:auto和overflow:visible来获取理想的宽度,而对于按钮所处的单元格,我们就要使用一个简单的hack,通过添加一个附加的“注释”来对width进行重定义:

  1. <style>
  2. td {
  3. border:1px solid red;
  4. }
  5. .button {
  6. margin:0;
  7. padding:0.25em;
  8. width:auto;
  9. overflow:visible;
  10. }
  11. </style>
  12. <!--[if IE]>
  13. <style>.button{width:1px;}</style>
  14. <![endif]-->

这里是一张展示问题和解决方法的示例页面

SEO优化,CSS教程,Wordpress博客

注:原文中使用的仍然是width:1,经本人测试没有通过,修改为width:1px后正常。

[ 以下内容您也可能感兴趣 ]

Add a Comment