jusonlex
SVG UI elements of the website vkprofi.ru not visible in the browser for internal pages, how can I fix it?
Tất cả các câu trả lời (3)
Hi. I see the SVG image if I open this page in a Firefox tab.
Isn't that working for you?
Did you check this in the Web Console and in the Inspector?
cor-el сказал(а)
Hi. I see the SVG image if I open this page in a Firefox tab. Isn't that working for you? Did you check this in the Web Console and in the Inspector?
It isn't woking if i come to internfl page, like "cover" or "avatar".
OK.
I did some research and it appears to be caused by using the base tag.
<base href="http://vkprofi.ru/">
If you use the base tag the Firefox will looks for the ID in the wrong location (in a file on internet and not in the current document). <strike>The solution is to use the full path in the use tag.</strike>
In your case you can add the page path in front of the link:
<svg class="header-logo-svg" width="104" height="36"> <use xlink:href="avatar/#svg-logo"></use> </svg>
<svg class="svg-vk" width="33.25" height="19.25"> <use xlink:href="avatar/#svg-vk"></use> </svg>
See also:
Được chỉnh sửa bởi cor-el vào