How to add text on image when hovered using only css not html

Question

Am trying to add the text on image when hovered using only css. But through out the internet am finding insertion through html and css

am keeping only image tag as because I want to add text also through css only. So am unable to find it — VIKASKUMAR SHANSETI, Dec 22 '16 at 11:41
Questions seeking code help must include the shortest code necessary to reproduce it **in the question itself** preferably in a [**Stack Snippet**](https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/). See [**How to create a Minimal, Complete, and Verifiable example**](http://stackoverflow.com/help/mcve) — Paulie_D, Dec 22 '16 at 12:55

score -1 · Answer 1 · edited May 23 '17 at 11:45

-1

Have you searched stack overflow thoroughly?

On my first search i found this: Text on image mouseover?

I am assuming this is what you want since you have not made your question clear!

Edit: Thanks to tiny more clarification is this what you want to do: Using only CSS, show div on hover over <a>

Further Edit:

So what you will do is change div to your id for your p. And change your a to img.

edited May 23 '17 at 11:45

Community

answered Dec 22 '16 at 11:40

audittxl

I want to add that p tag on mouse hover only through css – VIKASKUMAR SHANSETI Dec 22 '16 at 11:42
http://stackoverflow.com/questions/5210033/using-only-css-show-div-on-hover-over-a have a look at this – audittxl Dec 22 '16 at 11:45
I want to add that
only through css like inserting text on image using only css
– VIKASKUMAR SHANSETI Dec 22 '16 at 11:48
Ok yes it is possible but it is really really bad practice and some browsers will not support it have a look at this: http://stackoverflow.com/questions/4879719/insert-html-from-css – audittxl Dec 22 '16 at 11:50

1 Answers1