html css建立提示框

2022-02-09 04:52:33 字數 1795 閱讀 9332

看到下面的效果了嗎?

本來我們站點是用下面的做的背景,

但是後期當更改完框中的提示內容,並且更新內容較多的時候,發現內容溢位了,如下圖:

但是背景不能自動拉伸,還得重新做一張背景圖,這樣就導致沒更新一次資訊就得重新繪製一張背景圖,經過qq網名為蟲子²º¹³

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

head

>

<

style

>

.tip

.angle

.angle i

.angle .b

.angle .t

style

>

<

body

>

<

div

class

="tip"

>

<

span

class

="angle"

>

<

i class

="b"

>◆

i>

<

i class

="t"

>◆

i>

span

>

<

p> 版本號:v2.0.8大小:6.70m更新日期:14-08-27 15:37

p>

<

p> 更新描述:優化了幾個bug;

p>

<

p><

button

button

>

p>

div>

body

>

html

>

view code

執行結果如圖所示:

這樣好處如下:

1. 可以省掉,

2. 大小和角標都可以隨意控制

3. 位置和大小,顏色一樣可以css控制

4. .tip設定為position:absolute,就可自適應內部內容大小;tip加box-shadow,還可以方便增加陰影;用做背景,對這些支援就很麻煩了。

但是這種css3的特性,只能適應高階瀏覽器,ie7及以下版本不支援,他們將顯示為直角,而不是圓角,低版本解決辦法是:定位4個圓角,放到4角。(我們覺得可以不用這麼做,提示框是直角的也沒什麼。就看需求了。)

大牛告訴我說:

漸進增強,這個原則下,這樣處理是最優的。

後期維護、減少請求數、效率。

這些因素就要靠自己權衡了。

特效的實現還得繼續努力加油啊……以後多向大牛們學習學習……

阻塞提示框

函式原型 void ceikonenv alertwin const tdesc amsg void ceikonenv alertwin const tdesc amsg1,const tdesc amsg2 static void ceikonenv infowinl const tdesc a...

iOS學習,提示框

剛開始學習ios開發,在此過程中學習到很多知識點,寫這些的目的,首先是為了給像我一樣的小白提供一些參考資料,其次是對自己所學知識的乙個總結與記錄。廢話不多說,下面開始。沒啥要匯入的,可以直接開始。感覺還是直接大串 效果好,後面會進行一定的語句分析。來!import tbviewcontroller....

Android Toast訊息提示框

在某些情況下需要向使用者彈出提示訊息,如顯示錯誤資訊,收到短訊息等,android提供兩種彈出訊息的方式,訊息提示框toasts和對話方塊alerts。toast是一種短暫的訊息提示,顯示一段時間後不需要使用者互動會自動消失,所以用來顯示一些建議性的不太重要的訊息,如提示使用者後台乙個任務完成了。使...