<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!--http://ydc.vn/wp-content/uploads/2016/07/fin-01-01.jpg--> <figure id="projectsvg"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1920 1200" preserveAspectRatio="xMinYMin meet"> <image width="1920" height="1200" xlink:href="http://ydc.vn/wp-content/uploads/2016/08/ASIA.png"></image> <g class="hover_group" opacity="0"> <a xlink:href="http://www.toitaigioibancungthe.vn"> <text x="1005" y="680" font-size="30">VIỆT NAM</text> <rect x="1075" y="707" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> <g class="hover_group" opacity="0"> <a xlink:href="http://iamgifted.asia/cn"> <text x="1045" y="531" font-size="30">CHINA</text> <rect x="1084" y="565" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> <g class="hover_group" opacity="0"> <a xlink:href="http://iamgifted.asia/ph"> <text x="1183" y="690" font-size="30">PHILIPINES</text> <rect x="1195" y="724" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> <g class="hover_group" opacity="0"> <a xlink:href="http://iamgifted.com.my/"> <text x="900" y="725" font-size="30">MALAYSIA</text> <rect x="1017" y="752" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> <g class="hover_group" opacity="0"> <a xlink:href="http://iamgifted.com.sg/"> <text x="1075" y="820" font-size="30">SINGAPORE</text> <rect x="1052" y="808" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> <g class="hover_group" opacity="0"> <a xlink:href="http://empoweringyouth.com.sg/i-am-gifted/indonesia"> <text x="1100" y="880" font-size="30">INDONESIA</text> <rect x="1078" y="874" opacity="0.0" fill="#FFFFFF" width="20" height="20"></rect> </a> </g> </svg> </figure>

.hover_group:hover { opacity: 1; } #projectsvg { position: relative; width: 100%; }