如何覆蓋一個播放按鈕PNG在鏈接到太極拳VIMEO視頻

如何覆蓋一個播放按鈕PNG在鏈接到太極拳VIMEO視頻如何覆蓋一個播放按鈕PNG在鏈接到太極拳VIMEO視頻

的眼影盒作品縮略圖，那不是一個縮略圖問題。在縮略圖實現透明播放按鈕的問題

HTML：

enter code here 
<div class="postsingle"> 

     <a href="http://player.vimeo.com/video/55138154" rel="Shadowbox" title="demo"> 
      <img class="demothumbnail" src="https://secure-b.vimeocdn.com/ts/410/203/410203139_640.jpg" alt="thumbnail image"> 
      <span class="playIcon"><img src="images\PlayButton.png"> </span> 
     </a> 

    </div>

CSS： .postsingle { 保證金：10px的4PX 0 12px的; border：2px純黑色; }

.demothumbnail{ 
    position: absolute; 
    width: 400px; height: auto; 
    z-index: 1; 

} 

.demothumbnail span.playIcon{ 
    float: auto; 
    position:absolute; 
    z-index: 0; 
}

請幫助

來源

2013-03-03 jamesj

你有沒有想過？我有一個解決方案，可以工作...我剛剛完成這個使用shadowbox的YouTube視頻縮略圖。 – Leah 2013-06-03 14:59:10

爲什麼float: auto聲明？

.playIcon範圍不嵌套在.demothumbnail，這就是爲什麼你的CSS規則不適用。

如果你想播放圖標覆蓋到整個縮略圖舒展，使用方法：

.postSingle a { 
    position: relative; /* The parent has to be set to relative */ 
} 
.playIcon { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    z-index: 10; 
}

如果你的意思是你要選擇的.demothumbnail直接兄弟，然後使用：.demothumbnail + .playIcon。查看關於兄弟姐妹和兒童選擇器的更多細節here。

p/s：請使用小提琴來說明您未來的問題。

來源

2013-03-03 23:45:51 Terry

如何覆蓋一個播放按鈕PNG在鏈接到太極拳VIMEO視頻

回答

相關問題