السلام عليكم ,,,
كيف لي بعمل جدول يظهر فوق أي شئ كان , سواءاً صورة أو نص ....
للإيضاح :
في الصورة أسفل عند الضغط على الرمز الذي بجانب مربع النص يتم اظهار الجدول وهذا الجدول يكون فوق النص كما هو ظاهر
تحياتي ,,,
كيف أعمل جدولاً يظهر فوق النص ,,,
حصلت على الحل .........
للفائدة أرفقت هذا المثال :
<html>
<head>
</head>
<body>
<p>The space program is run by <a href="java script:showObject();">NASA</a>.
<div id="n1" style="position:absolute; left:180; top:25; z-index:1;" >
<table bgcolor="yellow" width=250 cellpadding=6 cellspacing=0
border=1 >
<tr>
<td>
<p>The <b>N</b>ational <b>A</b>eronautics and <b>S</b>pace
<b>A</b>ministration.</p>
<a href="java script:hideObject();">Close</a>
</td>
</tr>
</table>
</div>
<script language="JavaScript">
<!--
function showObject() {
document.all['n1'].style.visibility = "visible";
}
function hideObject() {
document.all['n1'].style.visibility = "hidden";
}
//-->
</script>
</body>
</html>للتوضيح :
تعتمد فكرة وضع أوبجيكت فوق آخر على الستايل وتحديدا على
z-index:1;
وكلما كان الرقم أكبر كلما كان فوق
CMS Sfhati , Website Generator
نظام إدارة المحتوى صفحتي ... جربه الآن
فعلاً هو كذلك :
اذا كان z-index = 1 فإن الجدول يظهر على النص اما اذا كان -1 فالعكس صحيح حسب المثال السابق ،
مثال:
<html>
<head>
<style type="text/css">
img
{
position:absolute;
left:0px;
top:0px;
z-index:-1;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<img src="http://www.w3schools.com/images/xmlspy_screenshot.gif" width="100" height="140" />
<p>Because the image has a z-index of -1, it will be placed behind the text.</p>
</body>
</html>