Question

我在我的网站上使用重力形式，我为我的下拉列表添加了背景图像，但我刚刚意识到IE8无法显示我的背景，

这是图像

正确应该是这样的：

这是代码：

.page-id-318 #input_5_1{
    -webkit-appearance: none;
 -moz-appearance: none;
  color: #828988;
  padding: 8px 8px 8px 8px;
  font-size: 12px;
  text-align: left;
  border-radius: 0 !important;
  background: url(images/down.png) no-repeat right white !important;
  background-position:100% 50%;
  border: 1px solid #e8e1d7;
  height: 32px;
  overflow: hidden;
  width: 100% !important;
}

问题是，背景图像应该高于所有其他项目。想法？

Answer 1

不要支持IE8。

您可能会找到一些解决方法（有some scripts声称可以帮助您解决此问题，但我无法保证这些解决方法），但实际情况是，IE8由less than 2.4 percent使用总互联网使用量。如果你使用一些conditional comments给IE8自己的样式，那会更好。这将是更丑陋的（当然会是），但是你可以用这么旧的浏览器做到这么多。

另一个建议 - 在我的一个项目中，我使用了检测浏览器的javascript，并让那些坚持使用旧版浏览器的用户下载chrome frame，这样他们就可以像其他用户一样体验网站。它可能需要对用户的部分采取额外的行动（并且该项目已停止受到支持，但仍然可用），但同样，它是我能找到的最明智的想法（它也使我的生活如同开发人员更容易）。

不完全是一个完美的答案，但希望你会发现它有用。祝你好运！

输入选择的背景图像

1 个答案: