السلام عليكم
يتم عمل مثل هذه الفكره عن طريق استخدام
كود PHP:
position relative
عن طريق سى اس اس
ويتم ذلك بوضع الصوره عاديه داخل العنصر
مثلا
كود PHP:
<div>
<img src="link.jpg" width="100%" height="100%" />
</div>
ويتم وضع ديف اخر بعد الصوره ليصبح هكذا
كود PHP:
<div>
<img src="link.jpg" width="100%" height="100%" />
<div class='over'>
</div>
</div>
ويتم اعطاء كلاس باسم
over
خصائصه
كود PHP:
class {
position:relative;
top:-100%;
}
حتى يكون محتوى الصفحه كاملة هكذا
كود PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.over {
position:relative;
top:-100%;
width:100%;
height:100%;
}
-->
</style>
</head>
<body>
<div >
<img src="link.jpg" width="100%" height="100%" />
<div class="over"></div>
</div>
</body>
</html>