Tengo un elemento completamente posicionado con una imagen de fondo que debe aparecer como una tira horizontal pequeña que llega hasta el borde de la ventana del navegador sin necesidad de una barra de desplazamiento. ¿Cómo podría hacer esto?HTML, CSS: ¿Cómo estiro un elemento hasta el borde de la página?
6
A
Respuesta
6
Establecer left
y right
propiedades de CSS en 0
.
Kickoff ejemplo:
<!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
Prueba esto:
<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>
Cuestiones relacionadas
- 1. ¿Cómo estiro una imagen de fondo para cubrir todo el elemento HTML?
- 2. ¿Cómo cambiar la clase de CSS de un elemento de página HTML utilizando ASP.NET?
- 3. ¿Cómo estiro el contenido de HeaderedContentControl?
- 4. ¿Qué es el elemento css/html `root`?
- 5. CSS: Margen superior cuando el elemento primario no tiene borde
- 6. Restablecer la altura de un elemento HTML mediante CSS
- 7. Cómo dar borde a cualquier elemento usando css sin agregar ancho de borde a todo el ancho del elemento?
- 8. Cómo calcular el índice z efectivo de un elemento HTML
- 9. CSS elemento/formato HTML plantilla
- 10. ¿Cómo eliminar un elemento del flujo de HTML/CSS?
- 11. Números de página con CSS/HTML
- 12. ¿Cómo obtengo el radio del borde de un elemento usando jQuery?
- 13. ¿Cómo hago un borde transparente con CSS?
- 14. Encontrar si el elemento existe en la página html completa
- 15. Use JQuery para verificar si el elemento tiene un borde?
- 16. Quita el borde superior del primer hijo y el borde inferior del último hijo en CSS
- 17. Desplácese hasta el primer elemento de jcarousel
- 18. Cómo colocar un elemento absoluto desde el centro - CSS
- 19. ¿Cómo puedo hacer un diseño de borde usando css?
- 20. XML xpath, obtenga el elemento primario hasta un elemento específico
- 21. Cómo segmentar el elemento HTML de una clase específica de un elemento BODY
- 22. Eliminando el borde textarea en HTML
- 23. ¿Cómo eliminar el borde solo desde un lado del elemento?
- 24. página HTML completa para probar CSS?
- 25. elemento de palo a la parte superior de la página hasta el próximo elemento de ese tipo aparece
- 26. ¿Por qué Firefox falta el borde en algunas tablas HTML?
- 27. Posicionar un elemento HTML relativo a su contenedor usando CSS
- 28. clases de css para el elemento raíz html?
- 29. Recorrer hasta algún elemento
- 30. cambiando la posición de un elemento css después de desplazarse hacia abajo en la página