问答搜索_PHP中文網

文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

熱門搜尋：
PHP
MySQL
jquery
HTML
CSS

CSS顯示屬性的漸層效果

我目前正在設計一個CSS的“超級下拉選單”-基本上是一個常規的純CSS下拉選單，但其中包含不同類型的內容。目前，似乎CSS3的過渡效果不適用於「display」屬性，也就是說，無法從display:none過渡到display:block（或任何組合）。在上面的範例中，有沒有辦法讓第二級選單在有人懸停在頂級選單項目上時「淡入」？我知道可以在visibility:屬性上使用過渡效果，但我無法想出有效使

P粉608647033 2023-08-21 11:08:32

CSS 背景漸層不會覆蓋整個頁面（包括可捲動內容）

我在HTML文件中遇到CSS背景漸層問題。我設計了一個使用線性漸層作為背景的頁面，並將其設定在body元素上。我面臨的問題是，漸變似乎在螢幕最初結束的地方結束，即使有更多內容需要滾動。因此，當您向下滾動時，漸變的第二個實例似乎會重新開始。這是我目前的CSS(SCSS)程式碼：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09

CSS 顯示屬性上的轉換

我目前正在設計一個CSS“大型下拉”選單-基本上是一個常規的純CSS下拉選單，但包含不同類型的內容。目前，CSS3過渡似乎不適用於「display」屬性，也就是您無法從display:none到display:block（或任意組合）。當有人將滑鼠懸停在頂級選單項目之一上時，是否有辦法使上例中的第二層選單「淡入」？我知道您可以在visibility:屬性上使用轉換，但我想不出有效使用它的方法。我也嘗試過

P粉958986070 2023-08-23 12:27:32

JavaScript 允許存取 CSS 自訂屬性（也稱為 CSS 變數）

如何使用JavaScript（普通或jQuery）來取得和設定CSS自訂屬性（透過樣式表中的var(…)存取的屬性）？這是我不成功的嘗試：點擊按鈕會更改通常的font-weight屬性，但不會更改自訂--mycolor屬性：<html><head><scriptsrc="https://ajax.googleapis.com /ajax/libs/jquer

P粉420868294 2023-10-20 22:42:04

CSS中使用屬性選擇器選取元素

在CSS中，是否可以透過HTML5的data屬性（例如，data-role）來選擇元素？

P粉143640496 2023-08-21 17:08:53

使用 vim 編寫 css 屬性值沒有辦法自動補全

使用 Vim 寫前段程式碼，自動補全使用的是 YouCompleteMe 和 tern_for_vim js 程式碼能夠正常的不全但是在寫 css 的時候屬性可以自動補全，但是屬性的值沒有辦法自動補全。目前關於 css 的配置如下： {代碼...} 屬...

世界只因有你 2017-05-16 16:37:53

angular.js - angularjs中怎麼取得自定標籤裡面class裡面的css屬性

angularjs中怎麼取得自訂標籤裡面class裡面的css屬性

黄舟 2017-05-15 16:56:49

為什麼span元素，css裡設定float後就有了寬高屬性了呀？

為什麼span元素，css裡設定float後就有了寬高屬性了呀？

P粉301974093 2023-06-02 22:34:48

是否可以實現從一種顏色繪製的文字到動畫漸變的平滑過渡？

頁面上有白色文本，其下方有一個按鈕。此外，也套用動畫漸層來填滿文字。當您按一下該按鈕時，-webkit-text-fill-color屬性將變為透明，導致文字顏色突然變更以符合漸層。如下所示：https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ能否實現從白色到漸變的平滑過渡？（-webkit-text-fill-color屬性不直接支援transiti

P粉762447363 2023-09-16 09:22:05

html5 - HTML或JS可否動態改變 .css的屬性？

例如想基於input輸入的value內容改變*.css或<style>的屬性值是否可實現？例如：用input:color標籤取得選擇的顏色value，更新捲軸的顏色？（這個必須用選擇器，不能用行內）目前想到的一個方法就是用j...

伊谢尔伦 2017-05-24 11:36:09

如何有效利用 CSS 自訂屬性？

我正在開發一個具有自訂主題設定的應用程序，允許用戶選擇應用程式用來產生一組10個順風風格顏色變數的原色。我使用javascript生成顏色並將它們注入到dom中，但在我的研究中，我發現不可能注入scss變量，因為dom只能訪問編譯後的css。因此，我不得不使用css自訂屬性而不是scss顏色。我知道這是一個不尋常的用例，而不是scss與顏色一起使用的方式，但我希望能夠找到解決問題的有效解決方案

P粉384366923 2024-01-16 19:00:56

如何修復頁腳的 CSS 屬性無法正確顯示的問題？

我的頁腳未正確顯示CSS屬性。我嘗試更改高度、重量、填充、溢出，但沒有任何改變。程式碼如下.footer{background-color:black;height:auto;width:100%;padding-top:40px;color:#fff;overflow:auto;padding:20px;float:left;}<!DOCTYPEhtml><htmllang =&q

P粉670838735 2023-09-15 19:05:11

使用 css 縮放屬性時，Vuetify v-menu 下拉清單顯示在不正確的位置

如附圖所示，使用縮放CSS屬性時，v選單位置位於錯誤的位置。對應的codepen：https://codepen.io/satishvarada/pen/YzjGNVZ使用v-autocomplete組件時也會出現類似問題。 newVue({el:'#app',vuetify:newVuetify(),data:()=>({items:[{title:'ClickMe'},{title:'Cl

P粉983021177 2024-03-19 18:55:15

CSS徑向漸層到SVG徑向漸變

是否可以在SVG中製作徑向漸變，就像在CSS中一樣http://codepen.io/A973C/pen/hnEaf（我指的是交通燈中的燈）.red{background:red;background-image :radial-gradient(brown,transparent);background-size:15px15px;width:100px;height:100px;border-r

P粉308783585 2023-12-11 15:54:09

JavaScript 更新 CSS 自訂屬性比使用元素樣式慢：效能比較

我為vue3創建了一個日曆滑桿，它使用mousemove和touchmove事件來實現滑動動畫，以及執行一些速度動畫的函數。這個專案可以在這裡測試：https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/components/VueCalendarSlider.vue我的第一個想法是使用css自訂屬性-- posx來存儲

P粉235202573 2024-01-07 09:42:03

Safari 16.4 和 iOS 16.4 自行變更動態設定 CSS 屬性

幾年前我製作了一個javascript拼圖遊戲，它運作得很好。最近，在iOS16.4和Safari16.4更新後，程式碼無法以相同的方式運作，經過調查後我發現了問題，但我不知道如何修復它。在我的程式碼中，我像這樣動態設定了2個CSS屬性（背景大小和背景位置），並且之前在程式碼中設定了（gridSize、xpos和ypos）的值：varli=$('<liclass=" item"d

P粉099985373 2024-02-21 15:11:28

無需 JavaScript 即可安全地將不受信任的輸入指派給 CSS 自訂屬性：指南

假設我有一個字串鍵和字串值的對象，我想將它們作為CSS自訂屬性寫入伺服器產生的一些HTML中。我怎樣才能安全地做到這一點？我所說的安全是指如果可能的話，自訂屬性聲明不應導致CSS語法錯誤，從而阻止瀏覽器正確解析其他樣式聲明或HTML文件的部分。如果由於某種原因這是不可能的，則應省略鍵值對。更重要的是，這樣應該不可能進行跨站點腳本編寫。為了簡單起見，我將限制鍵僅允許[a-zA-Z0-9_-]

P粉356361722 2023-09-06 22:32:52

用於計算父作用域中的變數時，CSS 作用域自訂屬性無法辨識

我正在嘗試透過var自訂屬性來縮放大小，以便類別可以在不耦合的情況下組合。期望的效果是3個清單將具有3個不同的比例，但如CodePen上所示，所有3個清單的比例相同。我正在尋找範圍界定和CSS自訂屬性技術的解釋，該技術可以透過可組合的鬆散耦合程式碼來實現此目的。 :root{--size-1:calc(1*var(--scale,1)*1rem);--size-2:calc(2*var(--sca

P粉006847750 2023-11-01 21:53:10

css - 手機端盒子內加overflow-y:scroll後字體會變大

在最外層的盒子加css屬性：overflow-y:scroll後在Google手機模擬器查看時，字體會自動變大，整體用rem佈局。去掉這個屬性，字體正常，想知道這是什麼問題代碼1：未overflow-y：scroll屬性圖片描述 {代碼...} 代碼...

黄舟 2017-05-16 13:39:31

如何使用CSS製作漸層動畫

我想要平滑地移動我的具有多種顏色的漸變，但問題是動畫不平滑。它只是在每一步中改變位置。 <style>.animated{width:300px;height:300px;border:1pxsolidblack;animation:gra5sinfinite;animation-direction:reverse;-webkit-animation:gra5sinfinite;-web

P粉909476457 2023-09-18 09:47:10

關於我們免責聲明 Sitemap: PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！