DIV気泡作成ダイアログ互換IE 6
12020 ワード
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title> </title>
6 </head>
7 <style type="text/css">
8 .tl {
9 width:300px;
10 height:50px;
11 text-align:center;
12 line-height:50px;
13 margin:0;
14 padding:0;
15 _overflow:hidden;
16 }
17 .tl {
18 background:url('tl.gif') top left no-repeat #ff8c45;
19 }
20 .tr {
21 background:url('tr.gif') top right no-repeat;
22 }
23 .bl {
24 background:url('bl.gif') bottom left no-repeat;
25 }
26 .br {
27 background:url('br.gif') bottom right no-repeat;
28 }
29 p {
30 margin:0;
31 padding: 15px 0px 0px 50px;
32 background: url('angle.gif') 40px 0 no-repeat;
33 }
34 </style>
35 <body>
36 <div class="tl">
37 <div class="tr">
38 <div class="br">
39 <div class="bl">
40 <blockquote> , 。</blockquote>
41 </div>
42 </div>
43 </div>
44 </div>
45 <p> </p>
46 </body>
47 </html>
使用する画像:
tl.gif
tr.gif
bl.gif
br.gif
angle.gif
効果図: