包裝中的背景圖像

我正在使用wp主題Mercor - http://mercor.premiumcoding.com/demo.php - 主題包含具有全寬背景色的滑塊。包裝中的背景圖像

我需要使這個顏色成爲一個圖像 - 我搜遍了所有，無論我做什麼，圖像似乎都沒有出現。我不確定是否應將bg編碼放入CSS或滑塊所在頁面的html中。

我知道圖像需要進入＃slider-wrapper - 但我沒有試過的東西已經工作。

幫助。

2013-12-17 user3111775

看來，背景色被放置在這個div：ID =「滑蓋包裝」

這樣做的CSS是選擇CSS，你可以用你的瀏覽器檢查，我使用Chrome：

media="all" 
#contactform .contactbutton .contact-button:hover, .gototop, .role, .team .icon img,  .pagewrap, .blogpostcategory .posted-date .date-inside, #slider-wrapper, .errorpage, .content ol.commentlist li .reply a, .blogpostcategory .comment-inside, ins, .widget_login .submitbutton, .widget_price_filter_custom .ui-slider .ui-slider-handle, .widget_price_filter_custom .ui-widget-content, .item4 .image, .item3 .image, .item2 .image, table.shop_table .carButtons .button:hover, table.shop_table .coupon .button:hover, .cartTopDetails .product_list_widget .buttons a:hover, .widget_price_filter_custom .price_slider_amount .button:hover { 
background: #35C2D8;

只要改變的背景屬性：

background-image: url("the url for your background image")

告訴我，如果它的工作原理。

background-image: url("http://www.poleronesparacolegios.com/poleron.jpg");

也許你正在使用的WordPress的主題具有用於改變背景沒有硬編碼的CSS文件的管理選項：它使用Chrome檢查爲我工作。

來源

2013-12-17 15:31:19 tomascharad

哦，我的天哪，它的工作！唯一的問題仍然是，當我調整瀏覽器的大小時，圖像會縮小，但是一旦這樣做就不能拉伸，有什麼方法可以解決這個問題嗎？順便謝謝大家，我非常感謝你的幫助！ – user3111775

我不知道你想要什麼，但試試這個： background-size：contains; background-position：center; @ user3111775 – tomascharad

對不起，我可能沒有解釋得那麼好 - 我是編碼新手。我希望Bg圖像是流動的，可以用瀏覽器調整大小。 would - Background-size：auto; - 去做？ – user3111775

嘗試向自定義CSS腳本中的.anythingSlider元素添加背景樣式。我建議將！重要的添加到樣式中，以便無論主題中的其他樣式如何都能正常工作。

.anythingSlider { 
    background-image:url("http://address/to/your/image.jpg") !important; 
}

不要忘記設置所需的任何重複屬性。

來源

2013-12-17 15:34:03 Lukamundo

刪除這樣的：background: #35C2D8;

，並加入這一行：background: url(yourimage.jpg);

來源

2013-12-17 15:48:21 Rahman

包裝中的背景圖像

回答

相關問題