に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパードロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

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

CSS 放射状グラデーションから SVG 放射状グラデーションへ

CSS のように SVG で放射状のグラデーションを作成することは可能ですか http://codepen.io/A973C/pen/hnEaf (信号機のライトのことです).red{background:red;background-image :radial-gradient (茶色、透明);背景サイズ:15px15px;幅:100px;高さ:100px;border-r

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

CSS の背景のグラデーションがページ全体をカバーしません (スクロール可能なコンテンツを含む)

HTML ドキュメントの CSS 背景のグラデーションで問題が発生しています。線形グラデーションを背景として使用し、body要素に設定するページをデザインしました。私が直面している問題は、スクロールするコンテンツがまだあるにもかかわらず、グラデーションが最初に画面が終了する場所で終わっているように見えることです。したがって、下にスクロールすると、グラデーションの 2 番目のインスタンスが最初から始まっているように見えます。これは私の現在の CSS (SCSS) コードです: @importurl('https://fonts.googleapis.com/css2?family=Poppins...

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

線形グラデーションが明るい/暗いテーマの変数で機能しない

私は個人の Web サイト - https://cooperativedoilylivedistro.elliott23.repl.co - に取り組んでいます。好みに応じて明るいテーマと暗いテーマがあります。問題は、線形グラデーションを変数に設定すると機能せず、背景全体が白になってしまうことです。それがHTML、CSS、JSです。何が起こっているのか知りたい場合は、ブラウザで Web サイトをチェックしてください。 <!DOCTYPEhtml><htmllang="en"&

P粉190443691 2024-03-29 13:28:10

html5 - HTML または JS は .css 属性を動的に変更できますか?

例えば、*.cssや<style>の属性値を入力値の内容に応じて変更することは可能でしょうか？例: input:color タグを使用して、選択された色の値を取得し、スクロールバーの色を更新しますか? (これはインラインではなくセレクターを使用する必要があります) 思い浮かぶ方法の 1 つは、j を使用することです。

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

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

javascript - HTMLタグのclass属性に変数を埋め込む方法

{コード...} 3行目のdivタグのclass属性に1行目のid変数(数字)を追加したいのですが、直接埋め込むことはできますか？

巴扎黑 2017-06-26 10:52:52

フッターの 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でfloatを設定した後、span要素にwidth属性とheight属性が付くのはなぜですか?

cssでfloatを設定した後、span要素にwidth属性とheight属性が付くのはなぜですか?

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

CSS カスタムプロパティを効果的に使用するにはどうすればよいですか?

私は、アプリケーションが 10 個の Tailwind スタイルのカラーバリエーションのセットを生成するために使用する原色をユーザーが選択できるようにするカスタムテーマを使用したアプリケーションを開発しています。 JavaScript を使用して色を生成し、それらを dom に注入していますが、調査の結果、dom はコンパイルされた CSS にしかアクセスできないため、scss 変数を注入できないことがわかりました。したがって、scss 色の代わりに css カスタムプロパティを使用する必要がありました。これが珍しい使用例であり、scss が色を扱う方法ではないことはわかっていますが、問...

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

JavaScript がグローバルオブジェクトで変数を宣言すると、その変数はグローバルオブジェクトと同じ名前のプロパティになりますが、関数で宣言するとそうではありません。なぜですか?

JavaScript では、グローバル変数をグローバルに宣言すると、その変数は同じ名前のグローバルオブジェクトのプロパティになります。しかし、ローカル変数は関数内で宣言しても関数（オブジェクト）の属性にはならず、「関数名.属性名」で宣言する必要があるのですが、これはなぜでしょうか？

仅有的幸福 2017-06-26 10:58:35

属性セレクターを使用して CSS 内の要素を選択する

CSS では、HTML5 の data 属性 (data-role など) を介して要素を選択することはできますか?

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

javascript - var で宣言された変数 delete は削除できませんが、これは window のプロパティでもありますか?

var で宣言された変数 delete は削除できませんが、これも window のプロパティですか? {コード...} について説明してください

大家讲道理 2017-06-14 10:52:39

CSS 表示プロパティの変換

私は現在、CSS の「メガドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウンメニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

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

WooCommerce でカートの数量と製品属性に基づいて変数と個々の製品に割引を適用するにはどうすればよいですか?

特定の製品属性を持つカート内の製品の数に基づいてパーセント割引を適用しようとしています。具体的には、「flaske」という属性を持つ製品を 6 つ以上購入する場合に 15% の割引を適用することを目標とします。可変属性設定を持つ可変商品に割引アプリケーションを実装することに成功しました。

P粉592085423 2023-07-23 13:26:53

vim を使用して CSS 属性値を自動的に完成させる方法はありません

フロントエンドコードの記述にはVimを使用し、自動補完にはYouCompleteMeとtern_for_vimを使用します。通常、jsコードは不完全でも問題ありませんが、cssを記述する場合、属性は自動的に補完されますが、属性の値は自動補完されません。現在の CSS 構成は次のとおりです: {code...} 属性...

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

Woocommerce カート項目から製品バリアント属性スラグを取得する方法

カートをチェックして、特定の製品属性が製品に追加されているかどうかを確認する必要があります。 (これは、woocommerce_package_rates にフックされたカスタム配送関数内にあります。) カート内の各商品のバリアント ID はありますが、その商品のバリアントスラッグを取得する方法がわかりません...foreach(WC()->カート->get_cart()as$cart_item){//$product_in_cart=$cart_item['product_

P粉895187266 2024-02-04 10:19:26

1 色で描かれたテキストからアニメーション化されたグラデーションにスムーズに移行することは可能ですか?

ページ上に白いテキストがあり、その下にボタンがあります。さらに、アニメーション化されたグラデーションがテキストを埋めるために適用されます。ボタンをクリックすると、-webkit-text-fill-color プロパティが透明になり、テキストの色がグラデーションに合わせて突然変わります。次のように: https://codepen.io/hvyjhqnt-the-vuer/pen/poQdaLQ 白からグラデーションへのスムーズな移行を実現することは可能ですか? (-webkit-text-fill-color 属性はトランジットを直接サポートしません

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