2. 程式人生 > >使用zindex屬性讓控制元件顯示在最上層

使用zindex屬性讓控制元件顯示在最上層

阿新 • • 發佈：2018-12-25

設定示例：

<div id="a1" style="position:absolute;left:100px;top:100px;width:100px;height:100px;
background-color:#ddeeff;z-index:1">div>
<div id="a2" style="position:absolute;left:150px;top:130px;width:100px;height:100px;
background-color:#eeffdd;z-index:2">div>
<div id="a3" style="position:absolute;left:200px;top:160px;width:100px;height:100px;
background-color:#ffddee;z-index:3"
 
>div>

DEMO：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>title>
<script type="text/javascript">
function $(obj){
return document.getElementById(obj);
}
function change(n){
for (var i=1;i<
 
4;i++){
if(n==i){
$("a"+i).style.zIndex="100";
}else{
$("a"+i).style.zIndex="0";
}
}
}
script>
head>
<body>
<div id="a1" style="position:absolute;left:100px;top:100px;width:100px;height:100px;
background-color:#ddeeff;z-index:1" onclick="change('1')" >div>
<div id="a2" style="position:absolute;left:150px;top:130px;width:100px;height:100px;
background-color:#eeffdd;z-index:2"
 
 onclick="change('2')">div>
<div id="a3" style="position:absolute;left:200px;top:160px;width:100px;height:100px;
background-color:#ffddee;z-index:3" onclick="change('3')">div>
body>
html>
原文連結： http://hi.baidu.com/j_z_/blog/item/458dd81b98821dd0ac6e756a.html

相關推薦

使用zindex屬性讓控制元件顯示在最上層

設定示例： <div id="a1" style="position:absolute;left:100px;top:100px;width:100px;height:100px; background-color:#ddeeff;z-index:1">div> <div

[方法] 調整一個子控制元件到它父控制元件的最上層

/** * 調整一個子控制元件到它父控制元件的最上層 * * @param superview 父控制元件 * @param subview 子控制元件 */ - (void)exchangeSubviewOnAboveSuperview:(UIView

GLSurfaceView的上層控制元件顯示問題

目前在做地圖的專案，使用到GLSurfaceView，遇到如下問題： 在GLSurfaceView上層放置一個控制元件（我使用ImageView），顯示沒有問題 但是我要讓這個控制元

【小程式】讓控制元件隱藏或者顯示

最開始寫的時候運用新增class的方法，舉例：test.wxml: <view class=" {{showOrHidden?'show':'hide'}}">+++++++++++++</view>test.wxss:.hide { displa

讓TextBox控制元件顯示為一條橫線(vs2010)

新建一個類，將下面程式碼複製到類檔案內 '------------------------------------------------------------- '類功能：讓TextBox控制元件顯示為一條橫線 '---------------------------

winform，DataGridView繫結資料後更改列屬性、動態建立（用一個控制元件顯示多表適用）

DataGridView 特效 = new DataGridView(); string[] 列名 = { "直線", "炸彈", "骷髏", "禮盒" },

Android中使用ImageView控制元件顯示網路圖片

在android4.0以後的版本中,為了使得主介面流暢,所以設定了不允許在主執行緒中訪問網路,為了安全,又不允許在其它執行緒中訪問控制元件,這樣就造成了ImageView等需要使用網路的控制元件更新時的問題,本文以Handler+Runnable的方式實現了ImageView控制元件顯示網路圖片.

在MFC中怎麼樣讓控制元件的大小隨著主窗體大小改變而改變

轉載：https://blog.csdn.net/business122/article/details/11611421 MFC 控制元件隨著視窗大小變化 VC++ 剛接觸MFC不久，對MFC的許多函式和功能還不是很瞭

Asp.net Image控制元件顯示Bitmap生成影象

from:https://blog.csdn.net/qq_29011299/article/details/81137980 using(Bitmap bmp=new Bitmap(300,50))     {    &nbs

使用TreeView控制元件顯示磁碟檔案

using System; using System.Windows.Forms; using System.IO; namespace WindowsFormsApplication1 { public partial class Form1 : Form {

手機顯示資料的原理：手機通過WebView控制元件顯示網頁資料

WebView控制元件是用於顯示網頁的，手機根據網頁建立一個WebView，之後顯示出來，所以顯示WebView網頁是通過WebView控制元件顯示的。     <script type="text/javascript" charset="utf-8

Winform下使用ListView控制元件和ImageList控制元件顯示圖片縮圖

一、基本概念 1、ImageList控制元件 ImageList元件，又稱為圖片儲存元件，它主要用於儲存圖片資源，然後在控制元件上顯示出來，這樣就簡化了對圖片的管理。ImageList元件的主要屬性是Images，它包含關聯控制元件將要使用的圖片。每個單獨的圖片可以通過其索引值或鍵值來訪問。

unity3d嵌入到iOS工程（3d物體和iOS控制元件顯示在同一個view上）

最近公司要開發一款用於3d展示的應用，通過在網上拜讀各大神的帖子，終於完美解決此類問題。（unity3d版本2017.3，xcode9.2） 前邊unity3d打包iOS工程的方法在此就不做贅述，其他帖子基本可以解決，本帖直接上乾貨。 1、在打包好的iOS工程中，找到UnityAppCont

MFC中picture控制元件顯示圖片

1.開啟BMP圖片 CBitmap* m_pBitmap = new CBitmap; m_pBitmap->LoadBitmap(IDB_BITMAP1);   2.第一種方式，用CDC顯示 CDC *pDC = GetDlgItem(IDC_AAAA)->Ge

DatePicker控制元件顯示具體的時分秒

DatePicker控制元件顯示具體的時分秒 聽語音   | 瀏覽：3331 | 更新：2017-04-18 18:37 1 2 3 4 5 6 分步閱讀 在我們開發程式的

如何讓控制元件在編譯時，自動新增所需的單元

在開發控制元件的時候，常會類似碰到這樣的情況：我某個方法或事件的引數的型別，並不在Delphi預設新增的單元中，如果此時直接編譯，必然會報錯。但是讓使用者逐個把所需的單元添加回來，又顯然太麻煩了，甚至使用者也不知道該新增哪些單元。有沒有辦法讓它自動化一點，在編譯時，讓控制元件自動給單元新增所需的單元

C#如何根據時間控制元件顯示資料庫中對應資訊(下)

選定時間範圍，顯示資訊 下篇的需求是選擇一個時間段之間的資料    程式碼如下： <1>Entity using System; using System.Collections.Generic; using System.

C#如何根據時間控制元件顯示資料庫中對應資訊(上)

前言 聽說有的朋友們機房合作時只用了兩天就把程式碼編寫完成了，但我實際編碼時卻經常被卡住，還是技術不到家啊，重構時用到的複用性強的還可以，以前沒做過的可就懵逼了。所以，我又要開始一波總結了。 這裡分為兩部分：根據一個時間控制元件顯示資訊在這篇。根據兩個時間控制元件顯示資訊請

C#如何讓控制元件隨著窗體變化大小

分析需求   各位請看這個小窗體，我把這控制元件按陣型依次排開， 可當我讓窗體全屏顯示的時候，問題就出來了！如圖      如何全屏顯示窗體裡的控制元件 採用Form_Resize(

基於python3.6+pyQT5利用Graphics View 控制元件顯示影象並實現其縮放

     利用eric6+QTdesigner 實現了軟體介面的編寫，軟體介面如圖所示，一共有三個控制元件(放大按鈕、縮小按鈕以及Graphics View)，具體佈置如圖所示，將按鈕項式名稱改為“放大”、“縮小”。 然後編譯介面，生成程式碼如下： from Py