Uma URL relativa não está relacionada um IFrame quando você criar dinamicamente um elemento de estilo que usa uma URL relativa para um arquivo .CSS externo em um documento HTML

Em um documento HTML, criar dinamicamente um elemento de estilo . O elemento de estilo usa uma URL relativa para um arquivo de (.CSS) folha de estilo em cascata externo. Se o documento HTML que contém o elemento de estilo é incorporado em um quadro in-line (IFrame), a URL relativa não está relacionada para o IFrame conforme o esperado. A URL incorretamente está relacionada a moldura pai.

Por exemplo, você cria um documento HTML que é chamado Parent.html em uma pasta. Esta pasta também contém uma pasta chamada interna. A pasta interna contém um documento HTML que é chamado Child.html e uma imagem GIF chamado Test.gif. Você incorporar o arquivo Child.html em um IFrame no arquivo Parent.html. No arquivo Child.html, criar dinamicamente um elemento de estilo para fazer referência a URL do arquivo Test.gif. No entanto, não é possível usar ". / Test.gif" para fazer referência a URL do arquivo Test.gif. Você deve usar "../ Inner/Test.gif "para fazer referência a URL do arquivo Test.gif.

Observação Se você codificar o URL no documento HTML e não use um arquivo .css, esse problema não ocorre.

Para contornar este problema, use um dos seguintes métodos:

• Use o caminho absoluto para fazer referência a URL.
• Coloque os seguintes documentos na pasta mesma:
  • O documento HTML do IFrame
  • O documento HTML do documento pai

Para obter mais informações, clique no número abaixo para ler o artigo na Base de dados de Conhecimento da Microsoft: