隱藏圖像及其覆蓋

Question

我有一個圖像，只有當它的ALT屬性中有一些內容時纔會出現。這種運作良好，使用：

img.video[alt=""] { 
    display:none; 
    height:0px; 
} 

但是我想要的形象也有覆蓋，也將dissappear ......覆蓋是一個播放按鈕，但它停留。

  <li> 
      <img class="video" src="<?php echo $row_rs_dealItem['imagemain']; ?>" alt="<?php echo $row_rs_dealItem['video']; ?>"> 
       <img id="videoLogo" src="images/video.png"/> 
      </img> 
      </li> 

有沒有更好的方法來解決這個問題？

謝謝你們

Answer 1

是的，您必須使用adjacent sibling選擇器，因爲img元素不能有孩子。

的HTML：

<li> 
    <img class="video" src="..." alt="..."> 
    <img class=v src="images/video.png"> 
</li> 

而CSS：

img.video[alt=""], img.video[alt=""] + img.v { 
    display:none; 
    height:0px; 
} 

Answer 2

嘗試添加類父李當內容需要被牆根（如果你的情況沒有伴隨文本）。然後使用CSS來顯示/隱藏你喜歡的元素。