 Z-Index <img> and <svg>, Layer an image over an svg |
| MLove |
 Dec 29 2020, 02:43 PM
Post
#1
|
|
Group: Members Posts: 3 Joined: 29-December 20 Member No.: 27,700  |
I am trying to overlay a static image over an svg. I wrapped the image and the svg into a div and tried using z-index but have been unsuccessful. The image is the NOWI logo in the lower right corner that I want to place over the moving wave svg. Thanks in advance for your help.
I have been previewing from a local html.index so I can't provide a URL. I've attached a screenshot of the preview and the css. Attached thumbnail(s)  
|
  |
 
|
  |
Replies
| MLove |
Dec 30 2020, 01:51 PM
Post
#2
|
|
Group: Members Posts: 3 Joined: 29-December 20 Member No.: 27,700 |
YAY!!!
It works! Thank you so much for your help, and the education. Much appreciated. -Michael |
|
|
|
| pandy |
Dec 30 2020, 01:58 PM
Post
#3
|
|
🌟Computer says no🌟  Group: WDG Moderators Posts: 20,733 Joined: 9-August 06 Member No.: 6 |
You're welcome. Positioning is tricky at first. Takes more than one read to get one's head around it. There are tutorials, but I don't know which are up to date.
BTW here's how it looked without z-index. Strange, huh?  The red is my dummy image. |
|
|
|
Posts in this topic
MLove Z-Index <img> and <svg> Dec 29 2020, 02:43 PM
pandy It looks like you've given the SVG a higher z-... Dec 29 2020, 05:02 PM
MLove
It looks like you've given the SVG a higher z... Dec 30 2020, 01:02 PM pandy The z-index works now. Problem is the image isn... Dec 30 2020, 01:37 PM pandy Oh, I removed #hero from the selectors since I did... Dec 30 2020, 01:39 PM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:
|
Lo-Fi Version | Time is now: 27th April 2024 - 06:46 AM |
Invision Power Board
© 2024 IPS, Inc.
Licensed to: HTMLHelp.com, LLC