2015-07-20 31 views
0

我有以下網頁:http://jsfiddle.net/Leytgm3L/16/我希望我的按鈕,具有比頁面的背景不同固定封面背景

,正如你所看到的,我有CSS代碼描述按鈕:

.learn-btn, .download-btn { 
    display: inline-block; 
    padding: 18px 46px; 
    border: 2px solid #fff; 
    border-radius: 3px; 
    color: #fff; 
    font-size: 16px; 
} 

感謝這一點 - 它是透明的。我希望它具有相同的背景,上面的DIV:

#black{ 
    background: url('http://www.geeknaut.com/images/windows-wallpapers/Cool-Windows-7-Wallpapers.jpg') no-repeat center center fixed; 
    background-size: cover; 
} 

,而不是我的網頁的背景:

.hero4{ 
background:url('http://i.imgur.com/D2ATnw8.jpg') no-repeat center center; 
} 

我怎樣才能使它,使按鍵不但具有背景上面的div,而且這個背景是固定的和覆蓋的?

+0

難道只是我還是這個問題很難理解? –

+1

是否這樣? http://jsfiddle.net/Leytgm3L/17/ –

+0

是的,完全像這樣,我沒想到那麼容易!請把它作爲答案(不是評論)發佈,所以我可以接受它作爲正確的答案! :) – randomuser1

回答

1

我加入了圖像的按鈕http://jsfiddle.net/Leytgm3L/17/像這樣的回地面:

#black{ 
    background: url('http://www.geeknaut.com/images/windows-wallpapers/Cool-Windows-7-Wallpapers.jpg') no-repeat center center fixed; 
    background-size: cover; 
} 
+0

哦,我只是複製粘貼你的當前圖像的東西,進入按鈕背景,你可以少得多。我只是更新它讓你走上正軌。 –

+0

嗨@亞當,你的意思是少離開很多?對我來說,唯一的選擇就是像你一樣設置一個背景圖像,但也許有更有效的方法? – randomuser1