画像の半透明処理 画像と半透明の背景の実装のアイデアとコード
|
コードをコピー コードは次のとおりです。<!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列レイアウトの具体的な使い方をまとめます。
推薦する
MYSQLでプロシージャの名前を変更する方法の詳細な説明
最近、ストアド プロシージャの名前を変更する機能を使用しました。インターネットで情報を検索しましたが...
Docker で Tomcat を使用して Web アプリケーションを迅速にデプロイする方法の例
Docker の基本的な操作を学習した後、コンテナにいくつかの基本的なアプリケーションをデプロイして...
MySQLで全角文字と半角文字を保存する場合の違い
残念ながら、社内の IM のテスト中に MYSQL_DATA_TRUNCATED エラーが再び発生し...
CSSフローティングとフローティング解除について
フロートの定義要素を通常のドキュメント フローから外し、要素を左または右に近づけます。親要素の端...
docker と docker-compose による eureka の高可用性の実現の詳細な説明
最近、新しいプロジェクトでは springcloud と docker が使用されています。この 2...
Ubuntu Dockerのインストールと使い方
目次1. 公式インストールスクリプトを使用した自動インストール手動インストール古いバージョンをアンイ...
カレンダー効果を実現するJavaScript
この記事では、カレンダー効果を実現するためのJavaScriptの具体的なコードを参考までに紹介しま...
MySQL InnoDB の重要なコンポーネントの概要
Innodbには以下のコンポーネントが含まれています1. innodb_buffer_pool:これ...
JSは単純なフィルタリングから複数条件のフィルタリングまで配列フィルタリングを実装します
目次単一条件単一データフィルタリング単一条件複数データフィルタリング複数の条件付きデータフィルタリン...
Vueはダイアログのカプセル化を実装します
目次Vue2 ライティングVue3プラグインのバージョンの記述Vue3 動的コンポーネントの記述書き...
Vue vee-validateプラグインの簡単な使い方
目次1. インストール2. インポート3. 検証ルールを定義します（エクスポート用に js ファイル...
Vue のスロットスコープの詳細な理解（初心者向け）
Baidu には slot-scope に関する記事が既にたくさんありますが、以前よく学習しておら...
Vue 監視プロパティと計算プロパティ
目次1. 監視プロパティを監視する1. ショッピングカート2. すべて選択し、すべて選択解除する2....
フロントエンドとバックエンド分離プロジェクトのDockerデプロイメントの実装例
目次1. 環境整備2. イメージを実行する問題を解決するRedis のインストールNginx のイン...
CSS3で実装された読み込みアニメーション
成果を達成する実装コード <h1>123WORDPRESS.COM</h1>...