css 彈出介面

一。把div寫到a標籤下面

程式碼如下：

view code

@ page language="

c#"autoeventwireup="
true
"codebehind="
webform1.aspx.cs
"inherits="
behancelog.webform1
"%>
doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html 
xmlns
="">
<
head 
runat
="server"
>
<
title
>
title
>
<
style 
type
="text/css"
>
.menu
.showdiv
.menu a
.menu a:hover .showdiv
style
>
head
>
<
body
>
<
form 
id="form1"
runat
="server"
>
<
div 
class
="menu"
>
<
a href
="about.aspx"
>請點選我
<
div 
class
="showdiv"
>
<
span
>在困難的時候企業就是要手拉手，肩並肩，不能想單打獨鬥，抱團合作是唯一出路。
span
>
div>
a>
div>
form
>
body
>
html
>

1.先寫乙個大的div menu包含a標籤，其實沒有也可以。這裡為了測試加上了。

2.定義a標籤，並且裡面包括要顯示的div

3.寫css

3.1   首先應該把要彈出的div進行設定

.showdiv

3.2 定義a標籤，使產生浮動，為 了彈出的div確定位置

.menu a

3.3下a標籤的hover

.menu a:hover  .showdiv

3.4其他說明

彈出的div，最好設定背景，要不看不清楚。

postion 一定要設定，要不會把其他 資料推開。

z-index 一定要設定，要不會被其他div蓋住。

這樣就出現了效果。可以直接拷貝我的程式碼執行。

二。div 寫到和a標籤同級

程式碼如下：

view code

@ page language="

c#"autoeventwireup="
true
"codebehind="
webform3.aspx.cs
"inherits="
behancelog.webform3
"%>
doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" ""
>
<
html 
xmlns
="">
<
head 
runat
="server"
>
<
title
>
title
>
<
style 
type
="text/css"
>
.menu
.menu ul 
.menu ul li
.menu ul li a
.showdiv
.menu ul li:hover .showdiv
style
>
head
>
<
body
>
<
form 
id="form1"
runat
="server"
>
<
div 
class
="menu"
>
<
ul>
<
li class
="showli"
><
a href
="#"
>檔案
a>
<
div 
class
="showdiv"
>
<
span
>在困難的時候企業就是要手拉手，肩並肩，不能想單打獨鬥，抱團合作是唯一出路。
span
>
div>
li>
<
li>編輯
li>
<
li>小組
li>
<
li>說明
li>
ul>
div>
form
>
body
>
html
>

在firefox ie9 下測試通過。其他沒有測試。

X manager無法彈出介面

用x manager,在windows上開啟xmanager passive。securecrt連線centos5.3，切換到oracle使用者，執行.runinstaller 提示x connection to localhost 10.0 broken explicit kill or serv...

金蝶BOS 彈出介面

map map new uicontext this 這裡可以用map傳引數 map.put uicontext.owner,this string errorviewuiclass com.kingdee.eas.custom.kongzhizhongxinrenwuchuli.client.ch...

Android軟鍵盤彈出，介面整體上移

被壓縮的介面 解決方案 在 androidmanifest.xml檔案中介面對應的裡設定windowsoftinputmode屬性 android windowsoftinputmode說明 activity主視窗與軟鍵盤的互動模式，可以用來避免輸入法面板遮擋問題，android1.5後的乙個新特性...