can i use an XHTML div inside an SVG element?_问答_开发者

can i use an XHTML div inside an SVG element?

开发者 https://www.devze.com 2023-03-16 02:19 出处：网络

I am attempting to use a div to create a background for an SVG image, but the div is not displaying.I\'m not sure if it is legal to mix SVG and XHTML with the XHTML inside the SVG?

相关专题：svg xhtml

I am attempting to use a div to create a background for an SVG image, but the div is not displaying. I'm not sure if it is legal to mix SVG and XHTML with the XHTML inside the SVG?

Here is a snippet of the HTML...

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:svg="http://www.w3.org/2000/svg"
    xmlns:xlink="http://www.w3.org/1999/xlink"
    xmlns:v="urn:schemas-microsoft-com:vml">
...
<body>
...
<svg:svg class="searchPoint" height="2048px" id="searchPoint" version="1.1" width="2560px">
    <div lang="" id="mmh_0" dir="ltr" widgetid="mmh_0" class="mmh" 
         style="left: -3px; top: -3px; height: 100px; width: 100px; display: block; z-index: auto;">
    </div>
    <svg:image class="searchPoint" height="15" id="1079043" 
               title="1079043" width="15" x="1183.0" 
       开发者_Go百科        xlink:href="http://myHost/myUri/styles/mapIcons/SearchLocation.gif" 
               xmlns:xlink="http://www.w3.org/1999/xlink" y="1129.0"/>
</svg:svg>
...
</body>
...

For what it is worth, you can put a div inside a VML element in IE.

Yes you can, you need to put it in a foreignObject tag