2012-06-07 47 views
0

我有一個圖像,只有當它的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> 

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

謝謝你們

回答

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; 
} 
0

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