È possibile tramite javascript inserire del css3 anche sui maledetti broswer della microsoft internet explorer 6 e +.
Quali js suggerite
È possibile tramite javascript inserire del css3 anche sui maledetti broswer della microsoft internet explorer 6 e +.
Quali js suggerite
Qualcuno a<provato questo js http://fetchak.com/ie-css3/
Per il border-radius, box-shadow, gradienti, immagini di sfondo multiple, guarda anche questo http://css3pie.com/ . Altri effetti dei css3, come l'opacity o colori rgba, possono essere ottenuti con i vari filter proprietari di Explorer. Dipende cosa devi fare
Ho provato come mi hanno consigliato PIE aggiungento dopo tutte le regole della classe
behavior: url(/PIE.htc); , ma non funziona.
Premetto che lavoro in locale ed il file CSS è esterno alla pagina.
Funziona anche in locale, è problema di percorso, per testare rapidamente il funzionamento, metti htc, css e file html nella stessa cartella e modifica behavior: url(/PIE.htc) con behavior: url(PIE.htc)
Così funziona. Se volessi mettere il file PIE.htc dentro la cartella css dovrei scrivere behavior: url(/css/PIE.htc)? La pagina è fuori la cartellaOriginariamente inviato da Prill
Funziona anche in locale, è problema di percorso, per testare rapidamente il funzionamento, metti htc, css e file html nella stessa cartella e modifica behavior: url(/PIE.htc) con behavior: url(PIE.htc)
Se è cosi non funziona...
scrivi behavior: url(css/PIE.htc), non usare percorsi relativi alla cartella principale del sito
La struttura dela pagina è questa
Il tutto funziona solo se metto il div con la class round_shadow" all'inzio o alla fine del div container.codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Pontificio Istituto Bibblico - Pontificial biblical isitutte</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/index.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src=" js/jquery.cycle.js"></script> <script type="text/javascript"> $(document).ready(function() { $('.slideshow').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc... }); }); </script> </head> <body> <div id="container"> <div id="header">[img]immagine/header_index.jpg[/img] <div class="slideshow"> [img]immagine/1.JPG[/img] [img]immagine/2.jpg[/img] </div> </div> <div id="content-barra"> <div class="barra"> <ul> [*]Contatti /Contact [/list] </div> <div class="barra"> <ul> [*]Chi sonol [/list] </div> <form class="ricerca" action="http://www.google.com/cse" id="cse-search-box"> <input type="hidden" name="ie" value="UTF-8" /> <input type="text" name="q" size="31" /> <input type="submit" name="sa" value="Cerca" /> </form> <script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=it"></script> </div> <div id="content-container"> <div id="menu-it"> <ul> [*]Menu [/list] </div> <div id="content"> <h2>Titolo</h2> testo testo </p> <div class="round_shadow"><h4>Titolo</h4> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc at sapien in metus vulputate hendrerit. Nullam hendrerit mauris non lacus feugiat facilisis. </p> </div> </div> <div id="menu-en"> <ul>[*]<Menu</a>[/list] </div> <div id="footer"> Copyright © 2010 </p> </div> </div> </div> </body> </html>
Perchè???
Stiamo parlando dunque adesso di un altro problema che è la resa di un box con l'ombra all'interno di una pagina, giusto?
In questo caso, lucavalentino, è meglio se dai un link direttamente alla pagina online per vederla in funzione: essendo presenti script e immagini non può essere riprodotta dal codice postato e non ci si può render conto di quanto succede
Forse è ancora presto per i css3.
Ho risolto i bordi arrotondati utilizzando jquery.corner.js.
Permessi di invio
Rispondi quotando