詳細介紹div與select遮罩問題

2021-06-08 05:35:47 字數 1810 閱讀 9924

需求:

滑鼠滑過text文字框時,彈出提示資訊div。

問題:彈出的div層被select下拉框遮住。

解決方案:

彈出的div層內部巢狀iframe,資訊在iframe內部顯示(可以是iframe內的table或者是div)

**:頁面**:

<

div

id="name_show"

style

="display:none;position:absolute"

>

div>

。。。。。。。

<

html:text

' property

="dv_asset/title_name"

name

="dv_asset/title_name"

readonly

="true"

onmouseover

="show_name(this,'dv_asset/title_name');"

onmouseout

="hiddname()"

>

html:text

>

js**

//

獲得絕對頂邊距

function gettop(e)

return ost;}//

獲得絕對左邊距

function getleft(e)

return osl;}//

泡泡提示資訊 (彈出---消失)

function show_name(obj,name)

}function hiddname()

備註:

從上面的demo可以看出,彈出的div中

<

table

bgcolor

=#63b8ff

border

=1 width

='200px'

height

='80px'

><

tr><

td style

='word-break:break-all'

>"+show_value+"

td>

tr>

table

><

iframe

style

='position:absolute;top:0px;left:0px;

width:200px; height:80px; z-index:-1;'

>

iframe

>";

放了乙個table。如果不加

<

iframe

style

='position:absolute;top:0px;left:0px;

width:200px; height:80px; z-index:-1;'

>

iframe

>

顯示也是沒有問題的,但是會被select遮住。

添 加iframe要注意。首先它的style必須是絕對定位:position:absolute,而且把它的top:0px;left:0px;這個意思 就是在div層中的左上角開始定位,width:200px; height:80px;這個高度和寬度要和div內部的table大小一致。z-index:-1,它很重要,就是iframe的要層疊在最下層。

div的大小由內部放的iframe決定(table放在iframe上面),而iframe和table大小相同。

-----td自動換行css

Select 函式詳細介紹

linux下select函式的使用 一.select 函式詳細介紹 負值 select錯誤 正值 某些檔案可讀寫或出錯 0 等待超時,沒有可讀寫或錯誤的檔案 在有了select後可以寫出像樣的網路程式來!舉個簡單的例子,就是從網路上接受資料寫入乙個檔案中。二.另乙個例子 include includ...

CSS之div與span用法介紹

在使用div和span標籤的時候,有時候總是糊里糊塗的搞不清楚其具體的屬性用法規則,那麼今天我們就來看看它們到底如何運用 首先 我們看看標籤,div這個標籤是用來劃分區域的,它是個塊級元素block 塊級元素就是它獨自占領網頁的一行 如果兩個div 那麼它們會是乙個上,乙個下,如圖所示 那麼的元素例...

SWP檔案詳細介紹與利用

vim中的swp即swap檔案,在編輯檔案時產生,它是隱藏檔案。這個檔案是乙個臨時交換檔案,用來備份緩衝區中的內容。如果原檔名是data,那麼swp檔名就是.data.swp。如果檔案正常退出,則此檔案自動刪除。需要注意的是如果你並沒有對檔案進行修改,而只是讀取檔案,是不會產生swp檔案的。以下兩種...