CODEWITHSUNDEEP
htmlsvg
Greg Peckory
Greg Peckory

Reputation: 375

Tooltip not showing SVG

This is all the code I'm using:

<body>
<svg width="1000" height="400">

  <rect  rx="4" ry="4" width="20" height="240" style="fill:rgb(217,228,235);" >
    <title>SVG Title Demo example</title>
  </rect>

</svg>
</body>

Here it is in JSFiddle

I've just been following loads of suggestions online. Nest the title element inside the rect element.

But it doesn't seem to work.

Any idea why?

PS. Let me know if the JSFiddle works. It could be an issue with my browser. (using chrome v44)

Upvotes: 1

Views: 1444

Answers (2)

David
David

Reputation: 2324

The problem is your browser version. It worked fine for me in Chrome Version 51.0.2704.103 m, so the code is fine. Try updating Chrome![enter image description here]1

Upvotes: 0

amstrudy
amstrudy

Reputation: 245

It works fine in Safari and Chrome.

tooltip

Upvotes: 1

Related Questions