Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    170

    Creare div con forme poligonale irregolari

    Buongiorno a tutti.
    Sto creado una sorta di product configurator in cui l'utente potrà caricare la propria immagine, una volta caricata, questa immagine viene inserita in un div e successivamente può essere spostata, ridimensionata, ingrandita o eliminata.
    Fin qui, grazie a JQuery, non ho avuto particolari problemi, ma il punto è che il div in questione, deve avere una forma particolare, non deve essere rettangolare.
    So che si possono creare delle maschere ai div in CSS3 con clip-path, dove posso addirittura impostare una maschera al div tramite un svg, il problme è che IE non ha il minimo supporto a tale soluzione...
    è da due settimane che ci sbatto la testa senza anver ancora trovato una soluzione...
    Quindi chiedo: qualcuno conosce un metodo per poter creare dei div che abbiano forme poligonali irregolari?

    Grazie in anticipo a tutti.
    Paolo

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,781
    interessante argomento.
    ma si tratta di css, quindi sposto nella sezione adeguata

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    170
    Quote Originariamente inviata da Vincent.Zeno Visualizza il messaggio
    interessante argomento.
    ma si tratta di css, quindi sposto nella sezione adeguata
    Ops... Grazie!

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    No. I <div> hanno sempre forma rettangolare.

    Quello che puoi fare e` rendere trasparente lo sfondo.
    E unito al fatto che alcuni tipi di immagini (ad esempio .png) supportano la trasprenza, puoi forse simulare l'effetto che chiedi.
    Potrebbe essere utile anche l'attributo z-index di CSS.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.