css3

2熱度

1回答

我遇到了懸停問題和帶邊框半徑的div。當div裏面有圖像和邊框半徑時，它的「hitbox」不正確。將鼠標懸停在div的任何角落（如果角落沒有邊框半徑，則會出現角點）會導致懸停樣式顯示。我希望樣式只在鼠標實際位於圓圈內時才顯示。如果div中沒有任何內容，div的「hitbox」是正確的，但是當它裏面有元素時它會超過邊界。我可以在div中的背景圖像，但我不想出於可訪問性的原因。 #test-

-1熱度

4回答

轉換不適用於svg路徑

CSS3 transition不適用於SVG path使用linearGradientanimate時。 #loading-frame { transition: all 1s; /* fill: transparent; */ /* fill: blue; */ } #loading-frame:hover { fill: to

6熱度

6回答

Bootstrap：居中col-md-5？

我覺得這是一個非常奇怪的問題，但我似乎無法在網上找到解決方案。如果我有一個col-md-5，我似乎無法居中。據我瞭解網格系統，如果我選擇列大小（1-12），爲了控制列的位置，我使用col - ## - offset - ＃。所以，如果我有一個col-md-4，我會用col-md-offset-4推它從左邊4列，然後它將居中。這個想法是，爲了使一個列居中，在它的左邊和右邊的網格中必須有相同數量

0熱度

3回答

marginTop在javascript中不工作

我試圖運行一個腳本來在正方形內繪製正方形圖案。所以我做到了。 var bodyNode = document.getElementsByTagName("body")[0]; var width = 600, height = 600; var top = 10, left = 10; while(width > 30) { var divNode = document.crea

0熱度

2回答

CSS/Div容器邊距問題

我有一個容器div設置爲頁面頂部的固定位置和幾個相對位置div在容器內滾動。我可以設定左右邊距。但是頂部邊界被忽略並且在容器頂部運行。我在這裏做錯了什麼？ #container { position: fixed; width: 32rem; height: 32rem; background-color: #000000; overflow: hidden; } #div1 {

1熱度

1回答

全屏<video>：這是什麼樣的CSS魔術？

這example演示如何創建一個全屏HTML5視頻。它使用以下CSS代碼： video#bgvid { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index:

0熱度

1回答

CSS 「網格」佈局與現代CSS（無JS）

通緝我想有一個網格佈局。有點像Pinterest，除了項目有固定的高度（所以它應該容易得多）。它應該是響應。 colums的數量應根據視口大小設置。該DOM應該是一個容器內兒童的簡單列表。我不想爲每一行包裝元素。我想是這樣的： <div class="container"> <div class="item">a</div> <div class="item">b</d

1熱度

1回答

CSS動畫（翻轉）將無法在Safari

我得到這個CSS動畫，翻轉圖像到另一個真棒的圖像。但由於某種原因，它不會在Safari中工作？任何人都知道爲什麼？下面退房代碼或此琴：https://jsfiddle.net/hpnmnL11/ 代碼： <body> <div class="flip-container" ontouchstart="this.classList.toggle('hover');"> <div class="

2熱度

1回答

CSS從選擇列表標記隱藏箭頭

form select.form-control { -moz-appearance: none; } 我使用下面的CSS來隱藏選擇列表元素的箭頭，但它不工作在Firefox 34版本。是有舊的瀏覽器版本的任何CSS修復 https://jsfiddle.net/utLxvqbx/

1熱度

2回答

如何使用顯示器使用某些文本製作半版式：flex？

我想做一個半的佈局。所以我做了<div>有display: flex;，並把兩個孩子有flex-grow: 1;。它看起來像我的預期，一半的佈局。但是當我在一個孩子身上寫下一些文字時，孩子比另一個更大。我不明白爲什麼這項工作是這樣的。 http://codepen.io/anon/pen/rOvpPM 請告訴我原因以及如何解決。