上部の固定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 の使用
推薦する
IE9beta版ブラウザはHTML5/CSS3をサポート
IE9 は Microsoft の第二の革命だと言う人もいます。これは誇張ではないと思います。IE6...
DOM操作テーブルの例（DOMはテーブルを作成します）
1. HTML タグを使用してテーブルを作成します。コードをコピーコードは次のとおりです。 <...
シングルサインオン制御を実装するためのVueの完全なコード
参考までに、Vue シングル サインオンのデモをご紹介します。詳細を知りたい方のお役に立てれば幸いで...
CSSを使用して画像フレームアニメーションと曲線の動きを実装する
すべてのアニメーションの基本原理は、対応する画像を短時間で次々に表示し、視覚的に動いているように見せ...
Win10でのMySQL5.7.17無料インストール版の基本設定チュートリアルについて（画像とテキスト付き）
データベース アプリケーションは、アプリケーション システムに不可欠な部分です。リレーショナル デー...
MySQLクエリが遅い原因と解決策
クエリ速度が遅くなる理由は多数ありますが、最も一般的な理由は次のとおりです。 1. インデックスがな...
ウェブページの内部アンカーポイントを実現するための純粋なCSSの上下オフセットコード例
最近、「フットボール ナビゲーション」Web サイトに取り組んでいるときに、上部の固定ナビゲーション...
Vue3の一般的なAPIの使用方法の紹介
目次ライフサイクルの変化反応的な参照vue2.x では ref を使用して要素タグを取得します。vu...
画像をMySQLデータベースに保存し、フロントエンドページに表示するための実装コード
目次1. まず、pycharmを使用してDjangoプロジェクトを作成し、関連する環境を設定します。...
JavaScriptプロトタイプと例の詳細な説明
目次コンストラクタインスタンスとプロトタイプの関係プロトタイププロパティ属性またはメンバーの検索原則...
MySQLクエリが遅い場合の理由と解決策
Python プログラムを書き、Mysql ライブラリを集中的に操作したためです。データ量が多くない...
Vueバインディングオブジェクトと配列変数を変更した後にレンダリングできない問題の解決策
プロジェクトシナリオ:ページ表示には <ul> タグがあります。リストデータを動的に表示...
CentOS7 に YUM 経由で MySQL 5.7 をインストールする詳細な手順
1. インストールパッケージを保存する場所に移動しますcd /home/lnmp 2. MySQL ...
Ubuntu 18.04 Server に静的 IP を設定する方法
1. 背景Netplan は、Ubuntu システムのネットワーク設定を簡単に管理および構成できるよ...
CentOS で新しいユーザーを作成し、キーログインを有効にする方法
目次新しいユーザーを作成する新規ユーザーを承認する新規ユーザーのSSHキーログインを有効にする他のS...