Mam element pozycjonowany absolutnie z obrazem tła, który musi pojawić się jako mały, poziomy pasek sięgający do krawędzi okna przeglądarki bez paska przewijania. Jak mogłem to zrobić?HTML, CSS: Jak rozciągnąć element do krawędzi strony?
6
A
Odpowiedz
6
Ustaw właściwości CSS left
i right
na 0
. Przykładem
Kickoff:
<!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>
0
Spróbuj tego:
<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>
Powiązane problemy
- 1. Css wyrównanie do dolnej krawędzi strony
- 2. Jak rozciągnąć tabelę HTML do 100% wysokości okna przeglądarki?
- 3. Stopka CSS nie przykleja się do dolnej krawędzi strony
- 4. Jak rozciągnąć pole wprowadzania do pełnej szerokości?
- 5. CSS Float powoduje przesuwanie zawartości strony HTML
- 6. Jak uzyskać css div, aby rozciągnąć do 100% okna
- 7. Rozszerzanie bootstrap pojemnik tło do krawędzi strony
- 8. CSS Jak rozciągnąć, aby dopasować i zachować proporcje?
- 9. Ustaw margines/dopełnienie dla każdej strony do wydrukowania (html/css)?
- 10. Skośne strony z długą treścią powodują załadowanie całej strony poniżej górnej krawędzi strony, odcinając tytuł strony
- 11. Nawet podział strony na dwustronne drukowanie w HTML i CSS
- 12. Element stylu HTML oparty na tytule za pomocą CSS
- 13. Jak wyrównać formularz na środku strony w html/css
- 14. Narzędzie do minialyfikacji całej strony HTML?
- 15. Transformacja 3D CSS do trapezu o zadanej długości krawędzi
- 16. Promień krawędzi CSS nie działa na iOS
- 17. Graphviz: miejsce etykiety krawędzi drugiej strony
- 18. jak wydrukować cały element HTML w JavaScript?
- 19. Element HTML audio jak odtwarzać?
- 20. Jak programowo przewinąć element HTML?
- 21. Html/Css - Jak uzyskać obraz, aby rozciągnąć 100% szerokość kontenera, a następnie wyświetlić na nim inny obraz?
- 22. Border cień na jednej krawędzi trójkąta CSS
- 23. Parsowanie CSS z ANTLR - przypadki krawędzi
- 24. składni CSS jak prosty HTML DOM
- 25. Strona HTML Cykl życia strony
- 26. Ukośne kształty klina CSS - od krawędzi do krawędzi wyśrodkowane w przeglądarce
- 27. Jak rozciągnąć UIImageView bez rozciągania centrum?
- 28. Selen: Jak kliknąć element przycisku HTML?
- 29. Rozszerzenie VS do manipulowania HTML/CSS
- 30. Konwertuj element jquery do elementu html