1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Clip Path em Internet Explorer

Discussão em 'Web Development' iniciada por Filipe_O, 18 de Julho de 2018. (Respostas: 0; Visualizações: 146)

  1. Filipe_O

    Filipe_O Power Member

    Boas malta.

    Implementei um design com clip path feito em CSS.
    Tenho uma div que tem no seu interior um iframe e eu utilizo CSS para fazer o "corte" desejado na div.
    Tudo ficou bem até a altura em que me lembrei de experimentar no IE/Edge. Nada funcionou.

    Pus-me a pesquisar por polyfills em javascript, nenhum resultou.
    Tentei criar um svg e no css colocar clip-path:url(#svg) e também não resultou.
    O exemplo da própria documentação não funciona correctamente em IE.

    Ao que parece, há uma forma de funcionar:
    Se definir a mascara svg dentro de tags <defs><clipPath><clipPath><defs> e fora definir a imagem/path que vai ser mascarado, aí funciona.
    O meu problema é o seguinte: Eu não quero mascarar uma imagem, mas sim um elemento HTML que tem um iframe dentro.

    Sabem-me ajudar?

    Obrigado
     
    Última edição: 18 de Julho de 2018

Partilhar esta Página