2012-01-13 14 views
6

Estoy tratando de aplicar css3pieCSS3 Pie no funciona en absoluto, lo intentó todo

a mi sitio web, y dosis no parecen ser aplicado en absoluto. He intentado todo lo que pude encontrar:

  • comprobado el camino hacia la PIE.htc, lo puso en la carpeta principal y URL utilizada (/PIE.htc), incluso trató URL completa, nada funcionó.
  • Intenté usar PIE.php, eso tampoco funcionó.
  • Intentó agregar "AddType text/x-component .htc" al archivo .htaccess, no es bueno
  • Intentó agregar position:relative; z-index: 0;, No good.

El código que estoy tratando de aplicar es:

-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); 

¿Qué me falta?

EDIT: si esto es importante, cuando veo el css cargado en IE, veo el comando comportamiento está en la misma línea como la siguiente, aunque la sintaxis es correcta

+0

¿Alguna vez encontró una solución para esto? Estoy teniendo el mismo problema y nada sugerido aquí ha solucionado lo que está pasando. –

+0

Sé que esto es tarde. Tuve el mismo problema pero con la esquina redondeada ... no pude hacerlo funcionar. Descubrí que es porque estaba usando la versión beta 2.0. Tengo que seguir con la roca sólida 1.0, supongo. – sqram

Respuesta

6

utilizar las herramientas Web Developer (F12) para ver si hay algún <css3-container> elementos que se crean. Si no hay, entonces hay un problema con su declaración behaviour css. Si esos elementos existen, entonces no cambie nada con su PIE.htc - es un problema de estilo y puede meterse con cosas como position:relative; z-index: 0;.

+0

Intenté todas esas cosas, no funcionó =/ –

+0

Entonces, ¿no está obteniendo ningún elemento ''? ¿Es la 'caja-sombra' en particular lo que está roto, o has probado con otros elementos? – logan

+0

Cualquier elemento no funciona. –

0

Trate de usar el valor hexadecimal notación para el color en su lugar. En la documentación que dice hay limitaciones en el uso de la notación RGBA:

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

intenté eso, todavía no funciona. –

1

CSSPie3 no es compatible con la sombra de cuadro cuando intenta utilizar un desenfoque. Simplemente no es posible.

En su lugar, elimine la falta de definición, y su calzador de sombreado de caja funcionará.

Vea aquí las fuentes:

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

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

Desafortunadamente PIE sólo es compatible con la opacidad RGBA en box-shadow si tiene ninguna falta de definición.

http://css3pie.com/documentation/suppor ... Ures/# RGBA

A menudo es posible evitar esto simplemente utilizando un encendedor sombra de su color opaco. Si desea permitir que otros navegadores utilicen el rgba , puede usar -pie-box-shadow para anularlo solo para PIE.

+0

Buena información, gracias. pero lo cambié y todavía no hay resultados como si no funcionara en absoluto. Actualmente estoy probando con http de ruta absoluta y con PIE.php y los mismos resultados –

9

Usa el enlace de tu sitio web. Por ejemplo:

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

Funcionará bien.

3

CSS3PIE coloca sus elementos generados como un hermano del elemento que está diseñando, con un valor de z-index de -1. Es posible que no vea el resultado porque está detrás de algún otro elemento en el documento. Intente envolver los elementos que está diseñando dentro de un contenedor con un índice z independiente. Espero que esto ayude!

+0

Como dice esta persona, intenta dar la posición del elemento: relativo y quizás también un índice z. Esto ha resuelto mis problemas un par de veces. – PaulSkinner

0

Tuve el mismo problema. PIE no funcionó en absoluto, ya sea htc, js o php. El problema fue con el permiso de acceso al Mac Server en la carpeta PIE que descargué y descomprimí. Se configuró sin acceso para todos los usuarios. ¡Cambié el acceso a solo lectura y ahora funciona! Error de principiante. :)

2

todo depende de la configuración de su servidor:

Suponiendo DIR "pastel" es relativo a su "raíz" DIR, pruebe uno de los siguientes:

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

Proveedores:

position:relative; 
    z-index: 0; 

no usar hacks filtro es decir, con pastel, ejemplo:

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