上部の固定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 の使用
推薦する
Mysql ALTER TABLE はフィールドを追加するときにテーブルをロックしますか?
目次MySQL 5.6以前MySQL 5.6以降要約する知らせMySQL 5.6以前更新手順元のテー...
Webページ作成の質問: 画像ファイルのパス
この記事は 123WORDPRESS.COM Lightning によるオリジナルです。転載する際に...
CentOS 7 に Docker 1.8 をインストールする詳細な手順
Docker は、次の CentOS バージョンでの実行をサポートしています。 • CentOS 7...
Dockerを使用してRedisクラスターを構築する方法
目次1. Redis Dockerベースイメージを作成する2. Redisノードイメージを作成する3...
スタートアップ企業が丹念に作り上げた優れたウェブデザイン17選
スタートアップ企業は、型破りな仕事のやり方、ユニークなビジネスモデル、特徴的な製品やサービス、パーソ...
mysql での rpm インストールの詳細な説明
インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...
期間限定フラッシュセール機能を実装するJavaScript
この記事では、期間限定フラッシュセール機能を実装するためのJavaScriptの具体的なコードを参考...
8 JSのreduce使用例とreduce操作方法
reduceメソッドは配列の反復メソッドです。 mapやfilterとは異なり、 reduceメソッ...
画像をクリックして切り替えるJavaScript
クリックして画像を切り替えることは、日常生活で非常によく行われることです。今日の練習は、画像を切り替...
画像ファイルの形式とその選択方法
1. どの 3 つの形式ですか?それぞれ、gif、jpg、png です。画像ファイルを最適化すること...
xshellを使用してLinuxサーバーに接続する
xshellを使用してLinuxに接続する利点Windows環境でLinuxを直接操作できるインター...
CSS3を使用して背景画像の色を変更するさまざまな方法
CSS3 では画像の色を変更できます。これからは複数の絵をデザインする必要がなくなり、いつでも修正で...
MySQL テーブル削除操作の実装 (delete、truncate、drop の違い)
この記事では主に、MySQL でテーブルを削除する 3 つの操作、つまり delete ステートメン...
ウェブページ作成における絶対パスと相対パスの違い
1. 絶対パスまず、ローカル コンピューターでは、ファイルの絶対パスは、当然、ハード ディスク上でフ...
CSS で div にスクロールを追加し、スクロール バーを非表示にする
CSS は div にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...