Entrar | Registrar | FAQ

Changing an image in HTML using CSS?

+ Postar uma resposta

3 Mensagens Página 1 de 1

Changing an image in HTML using CSS?

por SnivyDroid » Qui Abr 13, 2017 8:41 pm

I'm currently creating a style for a website using stylish, a google chrome plugin.
One of the things i wanted to do was change the image of some elements for the theme im creating.
But i only recently found out that the image is coded into html with the img tag, not CSS as a background or background-image property.
Stylish only allows you to use CSS when coding styles,
and as far as i know, you cannot edit html with CSS,

So how could i change a image that is coded in html with CSS? If at all?
Avatar de usuário


  • Mensagens: 1
  • Data de registro: Qui Abr 13, 2017 8:35 pm

Re: Changing an image in HTML using CSS?

por Eigerstand » Sex Ago 25, 2017 8:38 am

You can not change img src with css, you can do that with javascript. If you want you can make the image as background to element and then change it with css background-image property.
Avatar de usuário


  • Mensagens: 5
  • Data de registro: Sex Ago 25, 2017 8:07 am

Re: Changing an image in HTML using CSS?

por typomaniac » Sex Set 01, 2017 7:53 pm

You can do mouseovers with CSS Problem with depending of javascript is the fact that your client (visitor) could have disabled javascript in his browser. I googled your situation and found a site you should look at. http://www.corelangs.com/css/box/hover.html should be able to answer your questions. You would truly be amazed at what you can find by googling.
Avatar de usuário


  • Mensagens: 2
  • Data de registro: Seg Ago 21, 2017 1:34 pm

+ Postar uma resposta

Página 1 de 1