画像の半透明処理 画像と半透明の背景の実装のアイデアとコード
|
コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <ヘッド> <meta http-equiv="コンテンツタイプ" content="text/html;charset=UTF-8" /> <title>マスクレイヤー</title> </head> <スタイル タイプ="text/css"> *{マージン:0;パディング:0;} ul{マージン:100px 自動0; 幅:200px;} img{境界線: 0 なし;} li{背景色:#555;リストスタイル:なし;幅:146px;高さ:220px;} a:hover{不透明度: 0.6;} </スタイル> <本文> <ul> <li><a href=""><img src="upload/2022/web/64380cd7912397dd9e0581b65982b2b7d0a28707.jpg" alt="" /></a></li> </ul> </本文> </html> 原則：liに背景を追加し、liのサイズは画像のサイズであり、a：hoverのときにaの透明度を変更します。 |
<<: Redo ログと Undo ログに基づく MySQL クラッシュ回復の分析
>>: この記事では、CSSの2列レイアウトと3列レイアウトの具体的な使い方をまとめます。
推薦する
CSS3 は本当に SCSS に取って代わるのでしょうか?
Web ページのスタイル設定に関しては、プロジェクトで純粋な CSS または SCSS (および他...
MySQL バージョンは、2 つのタイムスタンプ型の値をサポートしていないバージョンよりも低いです。
MySQL エラー:エラー コード: 1293 テーブル定義が正しくありません。CURRENT_T...
vue+antv でレーダーチャートを実装するためのサンプルコード
1. 依存関係をダウンロードするnpm インストール @antv/データセットnpm インストール ...
HTML テーブルタグチュートリアル (7): 背景色属性 BGCOLOR
テーブルの背景色は、BGCOLOR 属性を通じて設定できます。基本的な構文<テーブル BGCO...
Docker のポート解放失敗の解決策
今日、非常に奇妙な状況に遭遇しました。docker イメージを更新した後、docker-compos...
JavaScript WebAPI、DOM、イベント、操作要素例の詳しい説明
目次ウェブAPI DOM DOMツリーDOM要素取得方法ドキュメントオブジェクトのプロパティイベント...
Nginx における 2 つの現在の制限方法についての簡単な説明
負荷は通常、システム設計時に予測されます。システムがパブリック ネットワークに公開されている場合、悪...
Linux で文字列を整理するためのヒント
Linuxの操作では、ファイル内の文字列を置換したりカウントしたりすることが多いです。ここでまとめを...
MySQLデータベースバックアップのさまざまな実装方法の概要
この記事では、MySQL データベースのバックアップを実装するさまざまな方法について説明します。ご参...
Reactでレシピシステムを実装する方法を解説した記事
目次1. レシピ集1.1 プロジェクトの背景1.2 テクノロジースタック1.3 開発環境1.4. プ...
よく使われる HTML タグとその特徴の完全なリスト
まず、HTML タグのいくつかの特性を知っておく必要があります。 1. 「<keyword&g...
Windows で MySQL サービスを停止または削除できない問題の解決策
圧縮パッケージを解凍して Windows に MySQL をインストールしました。インストール方法は...
IE 8/Chrome/Firefox と互換性のあるコメント返信ポップアップマスク効果実装アイデア
平日はニュースに注目して、テンセントをよく閲覧しています。しかし、コメントへの返信はほとんど見られま...
CSS 属性値 clear:right が機能しない理由の詳細
clear プロパティを使用してフロートをクリアすることはよくあることであり、clear プロパティ...
MySQL 5.7.25 圧縮版のインストールと設定方法のグラフィックチュートリアル
この記事では、MySQL 5.7.25圧縮版のインストールと設定方法を参考までに紹介します。具体的な...