css3

2熱度

1回答

我需要的是，第一次出現的類「.has-error」中的文本框以紅色突出顯示。我試圖嵌套如下的第n個類型選擇器。它只適用於id爲「name」的div具有「has-error」類的情況。但我沒有在其他情況下工作。有人能解釋我爲什麼不工作的原因嗎？ .fields input[type="text"] { \t color: #000; \t border: 1px solid #000;

3熱度

1回答

使用CSS填充背景 - 兩種不同的顏色和一種重疊的另一種

我可以使用CSS創建這種填充（沒有圖像作爲背景）以及如何使用CSS？我的意思是 - 我有兩個div填充有兩種顏色，但我只能在正規的顏色填補他們，但我需要一個「重疊」的一部分。也許我需要兩個div，並用background-color和第三個div填充它們以「兩個重疊」的背景顏色。但是，我不知道如何創建這個重疊的部分。

1熱度

1回答

加載+反向轉換時停止CSS轉換

我有一個轉換，可以在div上懸停一個隱藏的編輯菜單（您將編輯它）。不幸的是，我有兩個似乎互相捎帶的決鬥問題。我想要一個小動畫來懸停，然後在懸停消失時反轉。我已經完成了這個工作，但無論我做什麼，反向動畫都會在頁面加載時觸發。我已經嘗試了其他一些建議，比如預加載樣式，它在頁面加載之前停止動畫，然後刪除它，但似乎並沒有阻止任何東西。如果我嘗試在頁面加載後將動畫CSS添加到帶有jQuery的.editM

-1熱度

1回答

打開iframe鏈接點擊彈出

我有一個打開iframe的鏈接。 <a href"https://www.suse.com/common/inc/feedback_overlay.html?iframe=true">Test</a> 我想打開此鏈接（iframe）彈出，如果任何人點擊鏈接。請幫忙。

1熱度

1回答

動畫SVG圈（定時器和進度）

我怎樣才能改變這種： var el = document.getElementById('graph'); // get canvas var options = { percent: el.getAttribute('data-percent') || 25, size: el.getAttribute('data-size') || 220,

0熱度

1回答

內容忽略之前的僞元素在瀏覽器中

我有這個基本的問題，我現在想解決一段時間。我正在用盡所有想法。我有一個css僞元素之前，我是這樣的樣式。 #fPhone::before{ color: #78be20; content: "\e622"; font-family: icons; } 但在瀏覽器，它只是打印出622當我檢查僞標籤，我看到 content: "e622"; 如果我嘗試在它的工

11熱度

3回答

React組件之間的動畫過渡

我想在兩個組件之間創建動畫，其中第一個組件淡出並在將下一個組件添加到DOM並淡入之前從DOM中刪除。否則，將新組件添加到DOM並在舊組件移除之前佔用空間。你可以看到在這個小提琴問題： http://jsfiddle.net/phepyezx/4 // css snippet .switch-enter { opacity: 0.01; } .switch-enter.switch-

0熱度

2回答

Angularjs根據JSON設置列表元素的背景顏色

我有一個列表，其中有幾個元素來自JSON文件。我希望列表中的每個元素都具有從函數getNumber（）中獲得的背景顏色，該函數將生成一個隨機數，然後返回與該隨機數對應的顏色。現在我想通過調用getNumber（）函數來設置每個div的背景顏色。 HTML代碼 - <html ng-app="ionicApp"> <head> <meta charset="utf-8">

1熱度

1回答

第一列中的元素將無法在flexbox中正確對齊

我使用flexbox進行頁面樣式設置，我在容器中使用三列，第二列和第三列僅用於文本，它們看起來不錯，但第一列有圖像，按鈕，鏈接，文本等等，一切都搞亂了，沒有什麼是按順序的，一些元素彼此重疊。我想要新行中的每個新元素，但事實並非如此，文本和鏈接出現在同一行上嘗試<br />，但它只增加了很小的空間並且不會斷行。 <style> #container{ background-color: #EDE

0熱度

1回答

如何將自舉按鈕放在另一個具有相對位置的div上？

<div class="fadein"> <img src="images/banner1.jpg"> <img src="images/banner2.jpg"> <img src="images/banner3.jpg"> </div> 上面是用下面的CSS我的幻燈片代碼 - .fadein { position:rela