شناور سازی عناصر در صفحه وب

سلام، خدمت مخاطبان عزیز، می خواهیم عناصر موجود در صفحه وب را شناور کنیم.

یک صفحه وب (برای نمایش) از سه فایل HTML & CSS & JAVASCRIPT

تشکیل شده است.

برای این کار به قسمت <style> آن عنصر در HTML یا به فایل CSS مراجعه کنید و کد های زير را در آن قرار دهید.

توضیحات بالا برای افراد مبتدی است.

position:fixed;
z-index:2;

مقدار position را باید fixed در نظر بگیرید، اگر این مقدار برای ۲ یا چند عنصر باشد روی هم قرار می‌گیرند.

مقدار z-index را هم باید از اعداد صحیح باشد.

{...-3,-2,-1,0,1,2,3...}

مقدار منفی باعث می تا عنصر به زیر متن سایت برود.

مقدار مثبت باعث می شود تا عنصر بالای دیگر موارد سایت قرار گیرد.

نکته:دو عنصر شناور در صفحه وب نباید z-index یکسان داشته باشند.

برای شناور سازی عناصر در بالای صفحه، آن ها را در ابتدای صفحه ی وب قرار دهید.

برای شناور سازی در پایین صفحه، آن را در آخر صفحه ی وب قرار دهید.

مثالی از این ویژگی:

دکمه‌ای داریم، می خواهیم آن را در بالای صفحه شناور کنیم.

<button class=&quotbtn&quot>دکمه</button>
متن<br>
متن<br>
متن<br>
... 

/*css*/

btn{width:100px;
height:50px;

color:white;

background-color:blue;

position:fixed;

z-index:2;

مثال آنلاین این ویژگی را هم ببینید.(بر روی این کلمه کلیک کنید.)

ممنون از اینکه این صفحه را مطالعه کردید،امیدوارم که برایتان مفید باشد.