瀏覽器調錶元素時選擇了一些子元素，但不是他們的一個

考慮下面的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類，列表項不會變暗。爲什麼它爲其他項目做，但不是爲了這個？

來源

2012-09-10 Gruntcakes

你使用哪種瀏覽器？ – Oriol

我的目標是iOS版 – Gruntcakes

父<LI>元素具有onClick處理程序，當用戶點擊它在WebKit瀏覽器，這將改變它的行爲，嘗試應用下面的風格給它：

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

從Apple Developer library：

「
」覆蓋當用戶點擊鏈接或iPhone上的Safari中的JavaScript可點擊元素時顯示的高亮顏色

如果指定，此屬性將服從alpha值。如果您不指定一個alpha值，則iPhone上的Safari會將默認的Alpha值應用於該顏色。要禁用突出顯示，請將alpha值設置爲0 （不可見）。如果將阿爾法值到1.0（不透明），拍了拍當元素是不可見的。」

來源

2012-09-27 09:17:42

瀏覽器調錶元素時選擇了一些子元素，但不是他們的一個

回答

相關問題