0

パイプラインにいくつかのチュートリアルがあり、矢印の画像 (上/下/左/右) を使用して、ユーザーが実行する必要がある手順を説明します。

したがって、画面の結果は次のようになります。

続行するには、まず を選択し、次に2 回[up_arrow_image]クリックして、 を選択します。最終的にこれらのステップが数百になる可能性があるため、HTML で直接コーディングするのではなく、インライン スパンを使用して矢印を表示したいと考えています。段落の最初のスパンで実行できましたが、そこで停止しました。[left_arrow_image][enter_image]

私の簡略化されたhtml：

<p>In order to proceed first select <span class="arrow arrow_up"><!-- up --></span>,
then click <span class="arrow arrow_left"><!-- left --></span> twice, 
and select <span class="arrow select"><!-- up --></span></p>

私のcssは現時点では次のようになっています：

.arrow {
   display:inline_block;
   width: 20px; height: 20px;
   padding-left:20px;
   background-image: url(arrow.png);
   background-repeat: no-repeat;
}

.arrow_up {
     background-position: 0px 0px;
}

.arrow_left {
    background-position: 0px -20px;
}

.enter {
     background-position: 0px -40px;
}

上記のブラウジングのほとんどはここで見つけましたが、期待どおりに機能していないため、確かに何かを見落としていました. 私の最初の矢印が表示されますが、残りは無視されます。

4

1 に答える 1

0

プロパティは実際にはinline-block（アンダースコアではありません）、それを変更するだけで明確になります

于 2013-02-28T09:25:22.873 に答える