2016-03-16 37 views
0

我想知道我怎麼能呼應根據CSS樣式的圖像? 更清楚:我的導航是透明的,如果我向下滾動導航粘在屏幕的頂部,但得到一個白色背景。 我的標誌可以使用灰色和白色。當透明的時候它很難讀取灰色,所以我使用白色版本。
當導航變成白色,白色的標誌是不可見的,所以我想它改變灰色標誌。
有沒有辦法用if/else改變圖像? 喜歡的東西,如果導航是白色的回聲graylogo,否則回聲whitelogoPHP的形象,如果其他CSS

非常感謝!

+0

爲此,您可以完全用JavaScript。可能通過檢查用戶滾動頁面的距離。 – durbnpoisn

+1

不適用於PHP; PHP無法直接監聽瀏覽器事件,因此一旦頁面被呈現並傳遞給瀏覽器,它就不在PHP的域名中。就像@durbnpoisn暗示的那樣,無論什麼事件將您的導航背景更改爲白色,也可以用來更改您徽標的src。 – Fhtagn

回答

0

如果我是你,我把2幅圖像在我的代碼,那麼,你只需要做的表現取決於類的標誌。例如:

<div class="nav"> 
    <img src=".." class="white-img"> 
    <img src=".." class="black-img"> 
</div> 

,那麼Css:

.nav.white .white-img{ 
    display: none; 
} 
.nav.black .black-img{ 
    display: none; 
} 

然後,使用當您創建網頁的PHP,你可以在合適的班級設置爲您的導航元素,或者使用JavaScript,如果它是事件驅動的。 (用戶點擊,用戶滾動或等)