鍍金池/ 問答/HTML5  PHP  HTML/ CSS/JS鼠標(biāo)滑過更改圖片

CSS/JS鼠標(biāo)滑過更改圖片

仿照MADNESS官網(wǎng)完成首頁
圖片描述

首頁均分成了四個div(一個父div,下面按照25% float:left ),每經(jīng)過一個DIV 鼠標(biāo)滑過更改圖片(個人思路)
但目前情況是在每個div里添加圖片都不能全屏顯示
只能在均分的DIV里顯示

網(wǎng)上搜了鼠標(biāo)滑過更改圖片但還是不能全屏顯示。。。
是不是一開始的思路就是不對的?
附上https://www.mdnsonline.com/
同問如何顯示一組照片+視頻 每次滑過視頻就暫停 下次滑過就接著上次的視頻順序播放?

回答
編輯回答
九年囚

:hover設(shè)置background-position試試

2017年6月11日 01:01
編輯回答
胭脂淚

mouseover 事件

2017年4月13日 09:57
編輯回答
葬憶

其實很好理解的,代碼都在頁面上,經(jīng)過第每一塊的時候,改變最外層的圖片之類的,你看下頁面的代碼就都懂了。
圖片描述

2017年11月16日 21:20
編輯回答
故人嘆

單擊鼠標(biāo)右鍵,選擇“顯示網(wǎng)頁源代碼”

2017年7月16日 07:56
編輯回答
旖襯

思路錯誤,其實并不是每個DIV下面加了4個圖,在4個DIV的下層有1個DIV是用來放置全屏圖片(用定位使其全屏)?;^4個DIV的時候執(zhí)行命令更換全屏DIV的圖片然后執(zhí)行圖片輪播,視頻那個是視頻執(zhí)行完結(jié)束視頻,替換成一張圖。

2017年7月1日 13:33
編輯回答
不討喜
html,body {
    height:100%;
}
2017年4月27日 22:25