প্রায় ওয়েব সাইটেই দেখা যায় পেছনে ফুল পেইজ ব্যাকগ্রাউন্ড ইমেজ থাকে চাই যা ব্রাউজারের পুরো জায়গা জুড়ে দেখা যায়। সিএসএস ব্যাবহার করে আমরা সহজেই এমন ব্যাকগ্রাউন্ড দিতে পারি। উদাহরন হিসেবে এটা দেখতে পারেন। এখানে গিয়ে জুম ইন আউট করে দেখুন, ব্যাকগ্রাউন্ড সব সময় একই সাইজে থাকে।
আর এমন ব্যাকগ্রাউন্ড দেওয়া খুব সহজঃ
html {
background: url(http://tech.jakir.me/wp-content/uploads/2013/03/Future_Billings.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
আর পুরো উদাহরনের কোডঃ
<html>
<head>
<style>
html {
background: url(http://tech.jakir.me/wp-content/uploads/2013/03/Future_Billings.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#container{
width:700px;
margin:50 auto;
padding:20px;
background:#fff;
opacity:.6;
}
</style>
</head>
<body>
<div id="container">
<h1>Here we use full width image as a background</h1>
<img src="http://tech.jakir.me/wp-content/uploads/2013/03/fullpagebackground.png" />
</div>
</body>
</html>
আমি জাকির হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 224 টি টিউন ও 1487 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
পৃথিবীতে অল্পকয়েক দিনের জন্য অনেকেই আসে, হেঁটে খেলে চলে যায়। এর মধ্যে অল্প কয়েক জনই পায়ের চাপ রেখে যায়।ওদের একজন হতে ইচ্ছে করে। প্রযুক্তির আরেকটি সেরা ব্লগ টেকটুইটস। আপনাদের স্বাগতম, যেখানে প্রতিটি বন্ধুর অংশ গ্রহনে গড়ে উঠেছে একটি পরিবার। আপনাদের পছন্দ হবে আশা করি। ফেসবুকে আমি - ?জাকির!
