css3

0熱度

2回答

是否有任何用於改變模式時觸發的夜間模式或javascript事件的CSS前綴？如果用戶啓用夜間模式，我需要元素的自定義顏色。另外如何觸發夜間模式事件像Twitter呢？感謝

0熱度

2回答

當選中其他顏色時，如何更改複選框顏色（藍色）和複選框圖標顏色（白色）。 <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" /> <script src="https://code.jquery.com/jquery-1.11.1.min.js">

2熱度

1回答

div`s CSS轉換問題之間的鍵盤導航

我正在轉換div之間的CSS轉換，它將用作無鼠標應用程序的標頭。過渡給人感覺兩個相鄰元素之間的「流動」。你可以在這裏看到我迄今爲止所做的工作：https://codepen.io/anon/pen/GOWVGR。元素的焦點使用左側的'a'鍵和右側的's'鍵進行控制。我幾乎使它的工作使用漸變和背景位置過渡，除了我不知道如何編碼只向一個方向移動時的效果，前一個元素「背景」返回到初始背景位置而不是「

0熱度

1回答

不能得到：轉換到工作

我似乎無法得到不透明轉換工作在：僞元素之後，但在：before元素上的相同轉換完全正常工作。任何幫助表示讚賞！ .top-nav li a:hover:after { content: "/"; display: inline-block; opacity: 1; transition: opacity 0.2s; margin-left: 10p

-1熱度

1回答

如何在使用flex時在Jumbotron中垂直居中放置物品？

我在超大屏幕嘗試過這種垂直中心的所有項目， display: flex; justify-content: center; align-items: center; 但問題是所有項目都在單行列隊像他們顯示在線。你如何垂直居中，同時仍然以塊形式顯示它們。

1熱度

1回答

CSS 3佈局3列在1行

我有一行在哪裏填充3列並排像this。問題是當我選擇一個JSON節點時，它將通過添加一個額外的div來填充樹的路徑。因此我的桌子有點像this。這是我的HTML和CSS代碼： .Row { display: table; width: 100%; height: 500px; table-layout: fixed; /*Option

1熱度

2回答

使彈性項目展開懸停，縮小其兄弟姐妹

我試圖解決flexbox問題，我想每行有三個div，首先大小相等，但是當懸停div時，該增長和其他的在同一行收縮。以爲我已經解決了它，直到我嘗試了多行。我想要的是當懸停第三個div時，它會縮小第一個和第二個div，並保持其餘不變。我無法弄清楚這一部分。以下是我的單排工作解決方案。此佈局是否也可以在多行上工作？我是否必須將每行包裝在單獨的容器中，還是有辦法解決這個問題？ .container

0熱度

3回答

CSS：Flex正在調整下一行div的大小

我的問題是，無論何時調整窗口大小，如果沒有與所有其他div的大小相同的大小，div應該跳到下一行。在「整頁」中查看此內容並嘗試調整自己的大小。 <html> <body> <div id="wrapper" style="display: flex; width: 100%; flex-wrap: wrap; justify-content: center;">

0熱度

1回答

CSS網格不能按預期工作

有人能幫我弄清楚爲什麼下面的CSS網格示例不能按預期工作？這裏有一個鏈接到Codepen： https://codepen.io/Nekto/pen/yPpaBE .cards { margin: 0; padding: 1em; display: grid; grid-template-columns: 1fr 1fr 1fr; gri

0熱度

1回答

如何使用浮動div來定位一組div下面的CSS框？

我有兩個div s（橙色和藍色）的浮動左側和右側固定大小的中間div（綠色），這是應該擴大到底部的工作佈局。現在，我想添加一個頁腳（紅色），顯示在以上div s的最高點下方，但我只能看到它顯示在中間div以下，如下所示。我試過overflow: auto，但它沒有效果。 <div style="float: left;width: 100px;border-style: solid;borde