CSS - Problema en imagen con background-attachment:scroll

 
Vista:

Problema en imagen con background-attachment:scroll

Publicado por Javier (28 intervenciones) el 08/08/2019 01:10:54
Hola tengo un problema probando el parametro scroll en background-attachment , supuestamente la imagen tendria que desplazarse haciendo scroll y resulta que queda fija como en el parametro fixed
Les dejo el código, obviamente la imagen no les va a salir pero prueben con una imagen de ustedes.

1
body {background-image:url("Imagenes de fondo/instagram-vector.jpg");background-repeat:no-repeat;background-attachment:scroll}



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<body>
 
<br><br><br><br><br><br><br><br><br><br>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
<p>Angela miró a David con la esperanza de que contestara él, pero David le
indicó que lo hiciera ella. Angela se esforzó por encontrar una respuesta. No
sabía que contestar.
—No es tan fácil decidir si nos quedaremos a vivir aquí —dijo por fin—. Hay
que tener en cuenta muchas cosas.
—¿Qué cosas? —preguntó Nikki.
—Pues, por ejemplo, si nos dan trabajo a tu padre y a mí —dijo Angela
aliviada de haber encontrado una respuesta tan sencilla.
Los tres se dirigieron hacia el coche.
A pesar de que y a sabían que proporcionaba asistencia sanitaria a más de
medio estado, el Bartlet Community Hospital les pareció más grande y más
impresionante de lo que habían imaginado. Aunque una señal indicaba que había
un aparcamiento en la parte trasera, David aparcó junto a la puerta principal y
dejó el motor encendido.</p>
 
 
 
</body>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 412
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Problema en imagen con background-attachment:scroll

Publicado por joel (64 intervenciones) el 08/08/2019 10:59:55
Hola Javier, el
1
background-attachment:scroll;
es el que esta por defecto, y indica que la imagen se mueve igual que el scroll, es decir, desaparece si bajas el scroll.

Si lo que quieres es que siempre se visualice la imagen de fondo, tienes que poner:
1
background-attachment:fixed;

https://www.w3schools.com/CSSref/pr_background-attachment.asp
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema en imagen con background-attachment:scroll

Publicado por Javier (28 intervenciones) el 08/08/2019 13:58:56
Hola Joel si eso ya lo probé ,el que no me sale es scroll que la imagen sigue quedando fija como en fixed, proba el código con alguna imagen tuya a ver que pasa.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de joel
Val: 412
Plata
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Problema en imagen con background-attachment:scroll

Publicado por joel (64 intervenciones) el 08/08/2019 15:14:31
Si, si, lo he probado y funciona perfectamente!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar

Problema en imagen con background-attachment:scroll

Publicado por Javier (28 intervenciones) el 08/08/2019 18:59:06
Ahora si, perdon Joel ,era error mio que habia enlazado el html con al archivo css del ejercicio anterior, mil perdones joel.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar