Ho un elemento posizionato in modo assoluto con un'immagine di sfondo che deve apparire come una piccola striscia orizzontale che arriva fino al bordo della finestra del browser senza bisogno di una barra di scorrimento. Come potrei farlo?HTML, CSS: come allungo un elemento fino al limite della pagina?
6
A
risposta
6
Impostare sia left
e right
proprietà CSS su 0
.
Kickoff esempio:
<!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
Prova questo:
<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>
Problemi correlati
- 1. Come esportare tutti i pertinenti HTML/CSS per un elemento
- 2. Scorrere fino al primo elemento di jcarousel
- 3. Estensione Google Chrome - attesa fino al caricamento della pagina
- 4. Come allungo il contenuto di un HeaderedContentControl?
- 5. Come allineare il modulo al centro della pagina in html/css
- 6. come mettere l'immagine al centro della pagina html?
- 7. jQuery Scorrere fino alla sezione della pagina
- 8. PHP HTML Tidy: limite dimensioni al buffer
- 9. come applicare la regola css al precedente e al successivo elemento in HTML?
- 10. Come disegnare al di fuori di un elemento canvas HTML?
- 11. iMacros aspettare fino a caricamento della pagina
- 12. Come si suddivide un array Numpy fino a un limite?
- 13. JQuery scorrere fino all'inizio della pagina
- 14. Selenio: Scorrere fino alla fine della pagina
- 15. CSS Float un elemento accanto a un elemento centrato
- 16. Scorrere fino a 10px sopra un elemento
- 17. CSS: schiarire un elemento al passaggio del mouse
- 18. Come smettere di caricamento della pagina in pagina statica HTML
- 19. Come applicare i CSS per elemento del corpo HTML?
- 20. Scorrere fino alla parte inferiore della Div al caricamento della pagina (jQuery)
- 21. Allinea il tavolo al centro della pagina
- 22. Durante lo sviluppo, come posso bloccare il caricamento della pagina fino al termine di watchify?
- 23. Come aprire automaticamente un popup CSS-only al caricamento della pagina/utilizzando Javascript?
- 24. Javascript cerca e scorri fino al testo
- 25. Attivare un pulsante al caricamento della pagina
- 26. Collegamento a un elemento all'interno della pagina corrente
- 27. Il colore di sfondo css si estende fino al testo?
- 28. limite elemento enum
- 29. CSS: come allineare gli elementi attorno a un elemento centrato?
- 30. Elemento HTML di stile basato sul titolo con CSS