css3

0熱度

1回答

我有三個按鈕，一個是正常按鈕圖像，另一個是正常按鈕懸停時的按鈕圖像，第三個按鈕圖像是按下正常按鈕時的按鈕圖像。我的問題是如何過渡到徘徊並恢復正常，並從正常圖像按下？我可以使用CSS或JavaScript作爲更好的解決方案嗎？

1熱度

1回答

當我想要加載我用圖片的標籤不同的屏幕類型的圖片（PNG或JPG格式）和描述來源： <picture> <source media="(min-width: 960px)" srcset="img/[email protected] 1x, img/[email protected] 2x" alt="Фотография пользователя">

0熱度

1回答

Flex圖像和定位問題

我試圖實現的是，一旦我縮小屏幕的大小並且一些元素開始移動到第二行時，將它們組織到左側，而不是居中（基於數字該行上的元素）。此圖像可能有幫助這是我的實際代碼，我做錯了什麼？ #teamBoxesWrapper { position: relative; background-color: ; width: 1200px; height: au

0熱度

1回答

圖片庫變暗按鈕

在我的圖片庫右上角，有一個按鈕，點擊時會創建一個覆蓋圖使圖片變暗。我希望能夠在單擊它時打開和關閉它。我怎樣才能做到這一點？這是我的代碼 https://codepen.io/Modestas/pen/qPypXZ?editors=1010 btn.addEventListener("click",()=> { var btnClass = btn.getAttribute("class");

1熱度

1回答

替代100vh固定定位元件？

我有一個div (top navigation)嵌套在flex容器內。當top-nav展開時，我希望它佔據視口的整個高度。我知道這可以通過將高度設置爲100vh來實現，但它並未得到廣泛支持。所以，我需要一個更傳統的方式來實現這一點。 html和body有一個height 100%但視圖的內容溢出，我可以滾動頁面。我有現在的問題是： .top-nav .top-nav-links-wrapper

0熱度

1回答

Handlebars {{#if}} {{elseif}}幫助程序不工作

我正在使用handlebars.js解析複雜的json 我想以不同的樣式顯示名稱，只要它們匹配基於json的條件。所以JSON如下： "TradeLine":{ "TradeLine":{ "Mortgage Accounts":[ { "SubscriberDisplayName":"SAVINGS AND LOAN COMP

1熱度

1回答

位置在100％寬度的表格單元內的底部div

我有一個容器div與display: table和三個內部的divs有display: table-cell。兩個外部表格單元具有固定寬度，內部表格單元具有width:100%。所以它隨着瀏覽器的大小而變化。我還有一個頁腳div，我試圖放置在中間單元格的底部，使用width: 100%。但它擴展了中間表格單元的寬度。這個問題如何解決？實施例：https://jsfiddle.net/9op

1熱度

1回答

如何使用CSS創建一個「部分邊框」的圓形

另一位用戶（@Simon Zhu）詢問是否可以使用CSS創建一個帶有「部分邊框」的圓形 - 特別是圍繞圓弧的部分邊框超過90度的圓圈。參見：How to create partial circle border in CSS 答案是肯定的 - 任何電弧可能使用clip-path和border-radius和::before僞元素。查看下面的答案。

0熱度

3回答

獲取按鈕鼠標懸停在圖像

嗨，大家好，我正在試圖讓我的按鈕在bootstrap 3重疊我的形象，我明白z-index 1的使用，但我似乎無法讓它工作。 HTML： .btn-warning { color: #fff; background-color: rgba(255, 198, 0, 0.9); border: 0; padding: 20px;

2熱度

2回答

如何安排無間隙

長方形格箱我已經安排在2×2格這四個div標籤（中間一個只爲換行） <div class="rectangle"></div> <div class="rectangle"></div> <div class=""></div> <div class="rectangle"></div> <div class="rectangle"></div> 隨着這個CSS： .rectang