उदाहरण के एक नंबर - एक गोल, छवि प्रारूप gif के रूप में उपयोग.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style>
.ppp0{ position:relative;}
.ppp1{ background: url(1.gif) no-repeat ; position:absolute; top:0px; display:block; width:100%; height:100%; }
.ppp2{ background:url(2.gif) no-repeat right top; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
.ppp3{ background:url(3.gif) no-repeat left bottom; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
.ppp4{ background:url(4.gif) no-repeat right bottom; position:absolute; top:0px; display:block; width:100%; height:100%; left:0px;}
</style>
</head>
<body>
<b>Было</b>
<div style="background: url(k1.jpg) no-repeat; display:block; width:425px; height:310px;" class="ppp0"></div>
<b>Стало</b>
<div style="background: url(k1.jpg) no-repeat; display:block; width:425px; height:310px;" class="ppp0">
<div class="ppp1"></div><div class="ppp2"></div><div class="ppp3"></div><div class="ppp4"></div>
</div>
</body>
</html>
|