css3

0熱度

2回答

我試圖建立一個網站有4個主要divs（稍後會更多），其中3個是固定的，所以他們不會移動，當我滾動，和其中一個不固定。我一直在直接進行6小時30分鐘，搜索可能的答案，檢查youtube並花了至少2個小時看着stackoverflow帖子，沒有一個真正指出我在正確的方向。設計即時尋找獲得： design 源（HTML）： <!DOCTYPE html> <html> <head> <l

2熱度

1回答

用flexbox增加物品的高度

有沒有辦法創建一個沒有空格的佈局，其中大多數物品的尺寸是相同的，但有些是高度的2倍？我可以做類似的東西我想用下面的CSS：家長： display: flex; flex-direction: column; justify-content: flex-start; align-content: flex-start; flex-wrap: wrap; 孩子： width: 22%

3熱度

2回答

使用CSS將頂部和底部邊框添加到一組選定元素

所以我有一個搜索結果網格。這些結果是可選擇的，當它們被選中時，我將它們添加到class='selected'。可以有多組結果（通過命令/按住Ctrl鍵單擊行來完成）。通過結果分組，我的意思是選擇連續的元素。我想要做的是，只將頂部邊框添加到任何給定結果組中的第一個邊框，並將底部邊框僅添加到給定組的最後一個項目。有沒有一種很好的方式來做到這一點與CSS？或者我將不得不在每個組中應用.first和.

-1熱度

2回答

CSS屬性沒有值選擇器問題

我有一個div被設置爲display: 'none'我們公司正在使用的框架。 <div id="mydiv" style="display: none">...</div> 然而，當顯示它，它被設置爲display: block，但我需要它是display: inline-block。所以我試圖像這樣設計div的樣式： #mydiv:not([display='none']) { d

0熱度

2回答

的text-align不工作我有一列

在「我的技能」部分，我想對準右邊的技能職稱，旁邊的進度條，就像在Original Theme後。但只要我有一列，文本對齊停止工作。這裏的Codepen：http://codepen.io/zaky/pen/KdXGEj/ HTML <head> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootst

0熱度

3回答

有2個獨立的<nav>標籤獨立工作

我試圖讓兩個獨立的導航菜單獨立運作，取決於用戶點擊哪個按鈕，並顯示在同一個地方（左）。我有2個獨立的功能，但只能得到兩個按鈕來打開相同的導航菜單（鏈接1,2,3不是鏈接4,5,6）。我可以打開第二個菜單，但前提是將ClassName更改爲topnav而不是sidenav。我也嘗試getElementByid，但它也不起作用。感謝您的任何幫助。 <div class="w3-half w3-cont

0熱度

1回答

響應垂直頁面導航的邊框問題

我需要您的幫助，解決一系列較小的問題，這些問題可能是一站式解決方案，誰知道。我似乎無法再獨立地理解這一點，並且需要全新的眼光來瀏覽我的HTML和CSS編碼。我還附上了我遇到的每個問題的屏幕截圖：問題1：當選擇活動的選項卡時，我的選項卡中似乎存在底部邊框斷開。問題＃2：的頂部或底部邊界時出現的活動選項卡被切換到另一個選項卡稍厚。問題3：在最後一個選項卡上，當選擇作爲活動選項卡時，下邊框完

2熱度

2回答

如何維護鼠標懸停狀態？

我想要一條線變成一個長方形的過渡。我想做到這一點，以便當過渡完成時，即使鼠標沒有在其上徘徊，最終狀態仍保持原位。這是我當前的代碼： #line { width: 300px; height: 1px; background-color: darkblue; transition: height 2s; -webkit-tran

0熱度

1回答

希望懸停在只有一個元素上來更改文字顏色

如果您看到附件jsfiddle，並且您將鼠標懸停在儀表板上，它將變成黑色。我希望文字「儀表板」在<ul>而不是<p>標籤的懸停時變爲黑色。這可能嗎？我可以讓它保持活動狀態，以便用戶知道他在當前頁面上嗎？ <div> <nav class="top-bar" data-topbar role="navigation"> <ul class="title-area"> <li

0熱度

1回答

CSS過渡 - 幻燈片菜單第一，褪色的文字後

所以，我試圖讓一個複選框，選中時，菜單將淡入和動畫完成後，該文本開始淡入的問題是，當。我試着CSS文本類，它只是不會給「選中」屬性附加傷害作出迴應。我想點擊該按鈕， /* MENU */ .nav-a { display: block; text-align: center; text-decoration: none; opaci