1

次のhtml構造が与えられます：

   <ul>
      <li id = "li1" onclick="click('...');">
    <div class="card-container">
      <div class="card">
        <div class="front">
            <img class = "track_image" src="..." />
        <div class = "track_title">title</div>
        <div class = "artist_name">name</div>
        <div class = "release_date">date</div>
        <a  class = "visit_website_anchor" href="..."><img id = "visit_website" data-displayed="yes" src=.../></a>
        </div>
        <div class="back" data-displayed = "no">
          <img class = "track_image" src=... />
          <div class = "audio_controls">
        <audio controls></audio>
          </div>
        </div>
      </div>  
    </div>
      </li>
    </ul>

次に、画像以外のリストアイテムをクリックすると、淡色表示になります。これは追加しないので、ブラウザが追加します。ただし、track_imageクラスをクリックしても、リストアイテムは淡色表示されません。なぜ他のアイテムに対してはそれを行うのに、このアイテムに対しては行わないのですか？

4

1 に答える 1

0

親<LI>要素にはonClick、ユーザーがWebkitブラウザーでクリックしたときの動作を変更するハンドラーがあります。次のスタイルを適用してみてください。

-webkit-tap-highlight-color: rgba(0,0,0,0);

Apple Developer Libraryから：

"ユーザーがiPhoneのSafariでリンクまたはJavaScriptのクリック可能な要素をタップしたときに表示されるハイライトの色を上書きします。

このプロパティは、指定されている場合、アルファ値に従います。アルファ値を指定しない場合、iPhoneのSafariはデフォルトのアルファ値を色に適用します。タップの強調表示を無効にするには、アルファ値を0（非表示）に設定します。アルファ値を1.0（不透明）に設定すると、タップしたときに要素が表示されなくなります。」

于 2012-09-27T09:17:42.497 に答える