鍍金池/ 問答/HTML/ css問題，求指教

css問題，求指教

?純css可以實現(xiàn)鼠標經(jīng)過導(dǎo)航條背景色下拉嗎？不用js

回答
編輯回答
卟乖

使用CSS3彈性布局實現(xiàn)方案

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS實現(xiàn)自動下拉</title>
    <style>
        .wrapper {
            display: flex;
            flex-direction: column;
            height: 600px;
        }
        .nav {
            height: 200px;
            background-color: #afa;
        }
        .nav:hover {
            flex: 2;
        }
        .content {
            height: 200px;
            background-color: #faa;
        }
    </style>
</head>
<body>
<div class="wrapper">
    <div class="nav"></div>
    <div class="content"></div>
</div>
</body>
</html>
2017年6月3日 06:14
編輯回答
乖乖噠

可以的，結(jié)合相絕對定位和transition屬性和：hover可以實現(xiàn)

2018年8月25日 20:20
編輯回答
傻丟丟

我只寫思路，，
1.hover事件機制 是只能作用到當(dāng)前和當(dāng)前元素的子元素上，所以 你的背景的div或者是偽類必須是當(dāng)前或者他的子集
2.改變的應(yīng)該是height，這點毫無疑問。
3.加上延遲動畫transition，，加在hover事件里和加在由有的元素上會出現(xiàn)不同的情況。

2017年5月27日 14:21