1

IE7で3ドットのjsアニメーションが機能するように見えるのに問題があります。これは、位置またはおそらく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 に答える