-1
Q
純CSS標籤切換
A
回答
1
**更新:這是this question **
這裏重複的變化,使其工作:
第一個小bug:關閉錨標記像這樣:</a>
沒有像這樣<a/>
。
然後改變你的文章的順序:
<div class="tab-content"> <a name="tab2"></a> <article class="twitter_box">t</article> <a name="tab1"></a> <article class="facebook_box">f</article> </div>
的「.facebook_box」之前然後刪除「.social_slider .TAB內容」或也將其添加到該行做的魔力,否則你覆蓋魔法與你的班級的更精確的定義。 然後你需要增加標籤內鏈接的大小,否則你只需點擊標籤,而不是錨點。
.facebook_box {
border-radius: 8px;
background-color: #fff;
position: relative;
z-index: 99998;
display:none;
height:300px;
border:10px solid #3a93d6;
}
.twitter_box {
border-radius: 8px;
background-color: #19bfe5;
position: relative;
z-index: 99998;
display:none;
height:300px;
border: 10px solid #68c2ff;
}
.twitter_icon > a, .facebook_icon > a{
display: block;
height: 100%;
width: 100%;
}
相關問題
- 1. 純CSS標籤轉換
- 2. Bulma CSS標籤切換器
- 3. 純CSS手風琴切換
- 4. 下拉菜單/切換(純CSS/HTML)
- 5. 切換純CSS,與子元素
- 6. 切換回標籤
- 7. jquery切換標籤
- 8. 沒有標籤的純CSS複選框
- 9. td標籤內的css純箭頭
- 10. 標籤文本搞砸純CSS選擇
- 11. 純CSS標籤菜單激活的標籤
- 12. 引導標籤不切換
- 13. JavaScript:如何切換標籤?
- 14. QTreeView切換標籤位置
- 15. 切換標籤的JavaScript/jquery
- 16. selenium webdriver標籤不切換
- 17. 自動標籤切換
- 18. 如何切換標籤
- 19. jquery的標籤頁切換
- 20. findFragmentByTag上切換標籤
- 21. 純CSS滑動切換 - 切換之間的空間:檢查與答案
- 22. 在活動的可切換標籤上添加圖像HTML/CSS
- 23. 在將標籤從一個標籤切換到另一個標籤時切換到父視圖控制器
- 24. jQuery切換CSS?
- 25. 如何製作簡單的純CSS或jQuery圖像切換?
- 26. 用純CSS切換子元素後保持父高度
- 27. 純CSS標籤 - 防止滾動頁面頂部的標籤變化
- 28. NOt能夠切換標籤mono爲Android
- 29. 以編程方式切換標籤
- 30. 在android中的標籤之間切換?
它的工作原理非常完美,但是當我將.social-slider的頂部位置更改爲例如150px時,它總是滑下來,當我點擊錨點時。點擊錨點後如何防止頁面滾動?謝謝 – Frostbourn 2015-04-08 13:54:43