Background issue

HTML-CSS
1

Hello everyone

I would like to make so that the part intitled “Veille technologique” has a white background ( and not the default image that i set for the page.
Here’s a link to the folder :

[Portfolio2.rar - Google Drive]

Thanks in advance

2

Hello @didimaox

I found a solution for you. Please see below:

HTML

	<div id="Veilles">
		<h1>Veille technologique</h1>
	</div>

CSS

#Veilles {
  color: #000;
  background-color: #fff;
  margin-top: -200px;
  height: 500px;
  text-align: center;
  padding-top: 100px;
}

image
image928×653 30.6 KB

There is one thing weird though and I am not sure how to fix it. After giving your background opacity, it moves #Veilles in front of this black svg which above.
z-index is not fixing it. Maybe someone else can come up with a better solution

Good luck!

3

Actually I just reminded myself you used inline styles in SVG. Z-index should work, just set it up

https://www.w3schools.com/cssref/pr_pos_z-index.asp
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.