IE、360浏览器兼容模式下字体渐变色不生效解决办法

<svg>
     <defs>
          <linearGradient id="grad" x1="10%" x2="100%">
              <stop offset="0%" style="stop-color:#6E15FF; stop-opacity:0.6" />
              <stop offset="100%" style="stop-color:#0FAEE0; stop-opacity:1" />
           </linearGradient>
      </defs>
      <text x="0" y="28" fill="url(#grad)">Hi，您好！欢迎进入</text>
</svg>

渐变色可以在 linearGradient 可以设置 x1="10%" y1="10%"  x2="100%" y2="100%"，表示从左上->右下渐变，只有x和y则是从左->右渐变