Question

我正在开发一个项目来升级系统以使用按钮标签而不是常规的提交按钮。对于按钮的格式，我有以下CSS类：

    button::-moz-focus-inner {
      border: none;  /* overrides extra padding in Firefox */
    }

    button {
      background: transparent url('images/greenrightbutton.png') no-repeat scroll top right;
      color: #FFFFFF;
      display: block;
      font: normal 12px arial, sans-serif;
      height: 25px;
      padding-right: 8px; /* sliding doors padding */
      padding-top: 0px;
      padding-bottom: 0px;
      padding-left: 0px;
      margin: 0px;
      text-decoration: none;
      border: 0px;
      overflow: visible;
    }
    #loginbox button {
      float: right;
    }
    button span {
      background: transparent url('images/greenleftbutton.png') no-repeat top left;
      display: block;
      line-height: 18px;
      padding: 4px 5px 5px 12px;
      margin: 0px;
      border: 0px;
    }

除IE8外，它们在每个浏览器中都能完美运行。

在IE8中，按钮可以在大多数地方使用，但后来我找到了一个页面，其中两个背景图像不完全对齐，没有任何调整填充，行距等修复它。

有谁知道为什么会这样？

演示页：http://test6.placement.co.uk/demo/test.asp

--- ---更新

经过一些相当广泛的测试和尝试后，我现在对第1页中导致问题的原因有了一个非常公平的想法，但不知道如何修复它，而另一个具有相同问题的页面有完全不同的原因（我没有找到）但是我偶然发现了一个修复...

第一页上的问题似乎与页面上进一步输入的ul有关。拿出来，一切都表现出来 - 不幸的是，这不是一个选项，因为ul是用户输入内容的一部分，所以我对此感到茫然。特别是......

第2页没有引起问题，但在我的按钮代码解决问题之前随机粘贴两个中断标记。

当然，这个修复在第1页上不起作用。

我只是准备放弃并找到一些替代方法来渲染这些按钮，因为无论实际问题是什么，它显然都非常深入我的CSS或我的基本HTML，我可能永远都找不到它

Answer 1

我认为IE8和其他浏览器没有任何区别。你能不能更清楚地提一下你想做什么？

滑门CSS，按钮标签和IE8

1 个答案: