HTML問題 (圖片上做一泡泡對話框)



如上圖紅圈所示.在圖片上又出文字,又出一個對話泡泡框框住那些文字,是如何做到的?
文字會整,但那泡泡框不會 >.<

Thanks
附件: 您需要登錄才可以下載或查看附件。沒有帳號?註冊

div + css 就可以了

in HTML
<div id="bubble"><img src="" ....></div>

in css
.bubble{
left:40%;
top:40%;
width:20%;
height:20%;
position:absolute;
}

top, left, width, height 可以用%或px(pixel)作單位, 這是置中 20% * 20% 的示範

TOP

回復 2# Angus11
仲要opacity

TOP

回復  Angus11
仲要opacity
tuyylihk 發表於 2012-4-3 15:15


即係IE死得

TOP

div + css 就可以了

in HTML


in css
.bubble{
left:40%;
top:40%;
width:20%;
height:20%;
position:abs ...
Angus11 發表於 2012-4-3 15:08


其實應該係css入面加background.......咁做靈活D...

TOP

即係IE死得
神秘二代 發表於 2012-4-3 15:52



    用 filter 就可以解決 IE6-IE8

TOP

已解決,THANKS各位師兄幫忙.

TOP

用 filter 就可以解決 IE6-IE8
Phil_123 發表於 2012-4-3 23:15


其實PNG仲方便...係IE6好似顯示有問題...

TOP

提示: 作者被禁止或刪除 內容自動屏蔽

TOP