上部の固定divは半透明効果に設定できます

上部の固定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 の使用

>>:  ECMAscript の新機能の紹介

推薦する

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 にスクロールを追加し、スクロール バーを非表示にします。具体的なコードは次のとお...