O elemento VML não é exibido no modo rigoroso em conformidade com padrões na Internet Explorer 9

Aviso

O aplicativo da área de trabalho desativado e sem suporte do Internet Explorer 11 está programado para ser desativado permanentemente por meio de uma atualização do Microsoft Edge em certas versões do Windows 10. Para obter mais informações, consulte Perguntas frequentes sobre a desativação do aplicativo de área de trabalho do Internet Explorer 11.

Um elemento VML (Linguagem de Marcação de Vetor) não é exibido no modo rigoroso em conformidade com padrões quando uma página HTML usa o !DOCTYPE elemento na Internet Explorer 9.

Versão original do produto: Internet Explorer 9
Número de KB original: 932175

Resolução

Para resolver esse problema, defina o estilo VML como display:inline-block usando o seguinte código:

vml\:* {
behavior: url(#default#VML);display:inline-block
}

Informações adicionais

O elemento VML será exibido corretamente se você verificar as seguintes coisas:

  • Não use o modo rigoroso em conformidade com padrões.
  • Remova o !DOCTYPE elemento.

Para obter mais informações sobre o modo rigoroso em conformidade com padrões, consulte Doctype.

Para reproduzir esse problema, use a seguinte página:

<?xml version="1.1" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:vml="urn:schemas-microsoft-com:vml">
    <head>
        <title>VML Oval</title>
        <style type="text/css">
vml\:*
{
behavior: url(#default#VML);
}
</style>
    </head>
    <body>
        <h1>VML Oval</h1>
        <div>
            <vml:oval style="width:100pt;height:50pt" fillcolor="red"></vml:oval>
        </div>
    </body>
</html>