上部の固定divは半透明効果に設定できます
|
コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8"> <title>トップ固定</title> <スタイル タイプ="text/css"> html、本文 {オーバーフロー:hidden;マージン:0px;幅:100%;高さ:100%;} .virtual_body {幅:100%;高さ:100%;オーバーフローy:スクロール;オーバーフローx:自動;} .fixed_div {位置:absolute;z-index:2008;上:0px;左:0px;右:16px;高さ:40px;背景:#CCCCCC;境界線下部:3px インセット;境界線の色:#006699; //下:20px; //border:1px 実線赤; //境界線スタイル:インセット; //半透明効果の演出 //フィルター:アルファ(不透明度=50); //-moz-不透明度:0.5; //不透明度:0.5; //背景:#666666; } </スタイル> </head> <本文> <div class="fixed_div"><font color="red">鄭州大学</font></div> <div class="virtual_body"> <div style="height:888px;"> <p> さようなら、必ずまた会いに来ます！ </div> </div> </本文> </html> 効果図は以下のとおりです。  |
<<: フレックスレイアウトの改行スペースでの align-content の使用
推薦する
CSS で要素を中央揃えにする N 通りの方法
目次序文インライン要素の中央揃えテキストを垂直に中央揃え要素を水平方向に中央揃えにするブロックレベル...
MySql 自動切り捨て例の詳細な説明
MySql 自動切り捨て例の詳細な説明友人が質問しました。プロジェクト内で挿入または更新ステートメン...
MySQL はどのようにしてデータベースの削除と暴走を効果的に防ぐことができますか?
目次セーフモード設定テスト1. where句なしで更新および削除する2. 非インデックスキーの削除3...
Ubuntu 16.04 に Docker と nvidia-docker をインストールするための詳細なチュートリアル
目次DockerのインストールNvidia-docker のインストールDockerのインストール1...
経験者のHTMLの書き方と理由の分析
1. ナビゲーション: 順序なしリストとその他のラベル要素ナビゲーションを記述するために最も一般的に...
CentOS7でMySQL 5.7をアンインストールする方法
MySQLに何がインストールされているか確認する rpm -qa | grep -i mysql n...
HTML ページ内の js および css ファイルのキャッシュを自動的にクリーンアップします (バージョン番号を自動的に追加します)
Web プロジェクトの開発プロセスでは、CSS ファイルや JS ファイルを参照することがよくあり...
Vue3 スロットの使用状況の概要
目次1. Vスロットの紹介2. 匿名スロット3. 名前付きスロット4. スコープ付きスロット5. 動...
offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft などのプロパティの図。
注 1: 上の画像の背景全体がこの Web ページのフルサイズであり、中央の小さなボックスがブラウザ...
背景画像に CSS3 変換を適用するためのソリューション
CSS 変換は便利ですが、背景画像にはまだ適用されていません。この投稿では、背景画像を回転させたい場...
MySQL ステートメントの実行順序と書き込み順序の例の分析
選択ステートメントの完全な構文は次のとおりです。 選択 DISTINCT <選択リスト>...
Vue で SuperMap を使用する練習
目次序文関連資料Vue プロジェクトが 2 次元ハイパーグラフを導入ハイパーグラフ 2D ケース引用...
Centos7.3 で mysql5.7.18 をインストールして初期パスワードを変更する方法
この記事では、Centos7.3でのmysql5.7.18のインストールと初期パスワードの変更につい...
Nginxの書き換えモジュールの詳細な説明
書き換えモジュールは ngx_http_rewrite_module モジュールです。その主な機能は...
mysql 8.0.18 mgr のインストールと切り替え機能
1. システムインストールパッケージ yum -y インストール make gcc-c++ cmak...