來看看我做的吧，至少比這老師做的簡(jiǎn)單。http://oqgretia3.bkt.clouddn.com/TogglePages.html
2017-06-09
oh ~! come on ~ 建議以后做這類教程不要講太多基礎(chǔ)的東西，如果有人看不懂他就不應(yīng)該來看這個(gè)，而是去看CSS3的基礎(chǔ)，案例不應(yīng)該講這么多話，應(yīng)該講的是方法，我的耳朵都聽得有點(diǎn)疼了，老師的嘴像機(jī)關(guān)槍一樣噠噠噠停不下來，我的天這語速，不知道是不是吃了炫邁
2017-06-08
已采納回答 / EricPan
1.#st-control-2:checked ~.st-sctoll #st-panel-1 h2{ }選擇不生效視頻是#st-control-1:checked ~ .st-scroll #st-panel-1 h2,你的寫的是st-sctoll ?其實(shí)是st-scroll ?看下你html取的什么class<...圖片...>
最新回答 / 慕斯8234454
https://developer.mozilla.org/zh-CN/docs/Web/CSS/backface-visibility
除去hover對(duì)選中元素的影響也可以這樣：
.st-container input:hover+a{
background: #ad244f;
}
.st-container input:checked+a{
background: #821134;
}
將.st-container input:checked+a寫在.st-container input:hover+a后面就行
.st-container input:hover+a{
background: #ad244f;
}
.st-container input:checked+a{
background: #821134;
}
將.st-container input:checked+a寫在.st-container input:hover+a后面就行
2017-06-03
h2動(dòng)畫效果只有第一個(gè)有
#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2
#st-control-1:checked ~ .st-scroll #st-panel-1 h2,
#st-control-2:checked ~ .st-scroll #st-panel-2 h2,
#st-control-3:checked ~ .st-scroll #st-panel-3 h2,
#st-control-4:checked ~ .st-scroll #st-panel-4 h2,
#st-control-5:checked ~ .st-scroll #st-panel-5 h2
2017-05-23
.st-scroll,.st-panel{
width:100%;
height:100%;
position:relative;
}
這里不100%顯示
width:100%;
height:100%;
position:relative;
}
這里不100%顯示
2017-05-21