2012-01-13 13 views
6

Sto cercando di applicare css3pieCSS3 Pie non funziona affatto, provato tutto

al mio sito web, e doesnt sembrano essere applicato a tutti. Ho provato tutto quello che sono riuscito a trovare:

  • Controllato il percorso PIE.htc, metterlo nella cartella principale e URL utilizzato (/PIE.htc), anche provato URL completo, niente ha funzionato.
  • Provato usando PIE.php, che non ha funzionato neanche.
  • Provato aggiungendo "AddType text/x-component .htc" al file .htaccess, non va bene
  • Provato aggiungendo position:relative; z-index: 0;, non va bene.

Il codice che sto cercando di applicare è:

-webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.9); 
-moz-box-shadow: 0px 0px 13px rgba(0,0,0,.9); 
box-shadow: 0px 0px 13px rgba(0,0,0,.9); 

Cosa mi manca?

EDIT: se questo importa, quando visualizzo il css caricata in IE, vedo il comando comportamento è nella stessa linea come quella successiva, anche se la sintassi è corretta

+0

Hai mai trovato una soluzione a questo? Sto avendo lo stesso problema e nulla suggerito qui ha risolto cosa sta succedendo. –

+0

So che è tardi. Aveva lo stesso problema ma con l'angolo arrotondato ... non riusciva a farlo funzionare. Ho scoperto che stavo usando la versione beta 2.0. Devo bastone con rock solido 1.0 credo. – sqram

risposta

6

utilizzare gli strumenti Web Developer (F12) per vedere se ci sono elementi <css3-container> essere creati. Se non ci sono, allora c'è un problema con la tua dichiarazione css behaviour. Se questi elementi esistono, allora non cambiare nulla con il tuo PIE.htc - è un problema di stile e puoi scherzare con cose come position:relative; z-index: 0;.

+0

Ho provato tutte queste cose, non ha funzionato =/ –

+0

Quindi, non stai ricevendo alcun elemento < '? In particolare, il 'box-shadow' è spezzato o hai provato su altri elementi? – logan

+0

Qualsiasi elemento non funziona. –

0

Prova utilizzando il valore esadecimale notazione per il colore invece. Nella documentazione si dice che ci sono limitazioni all'utilizzo di notazione RGBA:

box-shadow: 0px 0px 13px #000; 
filter: Alpha(Opacity=90); 
opacity: 0.9; 
behavior: url(/Pie.htc); 
+0

l'ho provato, ancora non funzionante. –

1

CSSPie3 non supporta box-shadow quando si tenta di utilizzare una sfocatura. Non è possibile.

Invece, rimuovere la sfocatura, e il tuo shim box-ombra funzionerà.

Vedi qui per le fonti:

http://css3pie.com/forum/viewtopic.php?f=3&t=991

http://css3pie.com/documentation/supported-css3-features/

Purtroppo PIE supporta solo RGBA opacità nel box-shadow se non ha alcuna sfocatura.

http://css3pie.com/documentation/suppor ... rgba

Ures/# E 'spesso possibile aggirare questo semplicemente usando un accendino tonalità del vostro colore opaco. Se si desidera consentire ad altri browser di utilizzare il rgba , è possibile utilizzare -pie-box-shadow per sovrascriverlo solo per PIE.

+0

Buone informazioni grazie. ma l'ho cambiato e ancora nessun risultato come se non funzionasse affatto. sto attualmente provando con http path assoluto e con PIE.php e gli stessi risultati –

9

Utilizzare il collegamento del sito Web. Es:

behavior: url('http://www.yoursite.com/css/PIE.php') 

Funzionerà correttamente.

3

CSS3PIE pone gli elementi generati come un fratello dell'elemento che si sta creando, con un valore z-index di -1. Potresti non vedere il risultato perché è dietro qualche altro elemento nel documento. Prova a racchiudere gli elementi che stai creando in un contenitore positionned con uno z-index indipendente. Spero che questo aiuti!

+0

Come dice questa persona, prova a dare la posizione dell'elemento: relativo e forse anche uno z-index. Questo ha risolto i miei problemi un paio di volte. – PaulSkinner

0

Ho avuto lo stesso problema. PIE non ha funzionato affatto, sia htc, js o php. Il problema era con il permesso di accesso Mac Server sulla cartella PIE che ho scaricato e decompresso. Era impostato su nessun accesso per tutti gli utenti. Accesso modificato a readonly e ora funziona! Errore Rookie. :)

2

tutto dipende dalle impostazioni del server:

Assumendo DIR "torta" è relativo al "root" DIR, provare una delle seguenti opzioni:

behavior: url(/pie/PIE.php); 
    behavior: url(pie/PIE.php); 

correlate:

position:relative; 
    z-index: 0; 

non utilizzare IE hack filtro con PIE, ad esempio:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074a8',endColorstr='#006496',GradientType=0); 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);