1

我在让我的 3 个点的 js 动画在 IE7 中工作时遇到问题。这似乎与由于位置问题或 z-index 问题而导致 3 个点未显示的跨度问题有关。我已经尝试过弄乱 z-index 并在我的跨度周围添加一个 div，但在这种情况下它们似乎没有帮助。

行为不端的跨度是：

.dots {
  position: absolute;
  top: -3px;
  font-size: 40px; 
  line-height: 10px;   
}

它在里面：

.button {
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 16px;
  display: inline-block;
  background-clip: padding-box;
  border: 1px solid #6F4D38;
  font-weight: bold;
  text-transform: uppercase;
  margin: 9px 9px 10px 9px;
  padding: 3px 8px 3px 10px;
  border-radius: 22px;
  position: relative;
  -webkit-box-shadow: inset 0px 1px 4px #fff, 0 1px 0px 0px black;-moz-box-shadow:    inset 0px 1px 4px #fff, 0 1px 0px 0px #000;box-shadow:         inset 0px 1px 4px #fff, 0 1px 0px 0px black;
  letter-spacing: 3px;
  z-index: 1;
  overflow: none;
}

我正在处理的代码位于http://jsfiddle.net/gYjEH/1/

4

1 回答 1

2

http://jsfiddle.net/gYjEH/6/show/

要在 IE7line-height中显示点span应该等于它的font-size，否则您只会看到跨度的顶部空白部分（点位于最底部）。

于 2012-11-29T19:07:49.397 回答