मेरे पास पृष्ठभूमि छवि के साथ एक बिल्कुल स्थित तत्व है जो स्क्रॉलबार की आवश्यकता के बिना ब्राउज़र विंडो के किनारे तक पहुंचने वाली छोटी, क्षैतिज पट्टी के रूप में दिखाई देनी चाहिए। मैं ये कैसे करूं?एचटीएमएल, सीएसएस: मैं पृष्ठ के किनारे तक एक तत्व कैसे फैला सकता हूं?
left और right सीएसएस गुण 0 दोनों सेट करें।
शुरू हो रहे हैं उदाहरण:
<!DOCTYPE html>
<html lang="en">
<head>
<title>SO question 4535198</title>
<style>
#strip {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background-image: url('some.png');
}
</style>
</head>
<body>
<div id="strip"></div>
</body>
</html>
इस प्रयास करें:
<style type="text/css">
.hrBar
{
background-image: url('<YOUR_IMAGE_PATH>');
background-repeat: repeat-x;
height: 1px; // Or the Height of your Image
position: absolute;
}
</style>
<div class="hrBar">
</div>