画像の半透明処理 画像と半透明の背景の実装のアイデアとコード
|
コードをコピー コードは次のとおりです。<!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列レイアウトの具体的な使い方をまとめます。
推薦する
Linux の圧縮および解凍コマンドの紹介
目次一般的な圧縮形式: gz .bz2 .xz .zip一般的に使用されるアーカイブは圧縮を必要とす...
Vueは3段階のナビゲーション表示と非表示を実装します
この記事では、3階層ナビゲーションの表示と非表示を実現するためのVueの具体的なコードを例として紹介...
uniappは録音アップロード機能を実現
目次uni-app の紹介HTML部分js部分インスタンスを作成する録音を開始録音終了録音を再生再生...
ネイティブJSを使用した遅延読み込みlazyLoadの3つの方法の概要
目次序文方法1: 高コントラスト方法2: getBoundingClientRect() APIを使...
Vue の長いリストをすばやく読み込む方法
目次背景メインコンテンツ1. コンポーネントの比較2. 実装のアイデア3. キーメソッドソースコード...
Windows に MySQL 8.0.16 をインストールする手順とエラーの解決方法
1. はじめに: mysql8以降は、これまでよく使われていたバージョンと比べてかなり変更点が大きい...
Nginxはhttpリクエスト実装プロセス分析を処理する
Nginxはまず、設定ファイル内のどのserver{}ブロックを処理に使用するかを決定します。次のs...
MySQL 5.7 のキーワードと予約語の詳細な説明
序文MySQL と Oracle のキーワードはまったく同じではありません。Oracle データベー...
HTML テーブル マークアップ チュートリアル (9): セル間隔属性 CELLSPACING
テーブルがコンパクトになりすぎないように、テーブル内のセル間に一定の距離を設定できます。基本的な構文...
画像をMySQLデータベースに保存し、フロントエンドページに表示するための実装コード
目次1. まず、pycharmを使用してDjangoプロジェクトを作成し、関連する環境を設定します。...
友達やグループを見つけるためのJavaScriptのLayim
現在、layuiの関係者はlayim友達検索ページの構造とスタイルを提供していません。私は個人的に非...
クールなネオンライト効果を実現する純粋な CSS (デモ付き)
私は最近、YouTube の CSS アニメーション効果チュートリアル シリーズをフォローしています...
Linux での MySQL 5.7 の導入とリモート アクセス構成
前書き: 最近、私はパートナーとチームを組んで .NET Core プロジェクトに取り組む予定です。...
JavaScript で判決文をエレガントに記述する例
目次序文1. モナドの判断1.1 例1.2 オブジェクトに入れる1.3 マップに載せる2. 複数の判...
Mysql SQL ステートメント演習 (50 問)
テーブル名とフィールド–1. 学生リスト学生 (s_id、s_name、s_birth、s_sex)...