Foros del Web » Creando para Internet » CSS »

Problemas con Ópera (en @font-face, y con la opacidad)

Estas en el tema de Problemas con Ópera (en @font-face, y con la opacidad) en el foro de CSS en Foros del Web. Buenas a todos, me estoy encontrado con problemillas a la hora de hacer ciertas cosas en Ópera (de Explorer mejor no hablar), y me gustaría ...
  #1 (permalink)  
Antiguo 03/09/2010, 03:05
Avatar de pann84  
Fecha de Ingreso: agosto-2010
Ubicación: Asturias - Madrid
Mensajes: 95
Antigüedad: 7 años, 4 meses
Puntos: 4
Problemas con Ópera (en @font-face, y con la opacidad)

Buenas a todos, me estoy encontrado con problemillas a la hora de hacer ciertas cosas en Ópera (de Explorer mejor no hablar), y me gustaría saber el por qué y cómo arreglarlo.

Veamos, tengo un @font-face normal y corriente, en el que intento poner todas las extensiones debidas, pero que parece ser que Ópera no quiere mostrar la susodicha fuente, os paso el código:

Código:
@font-face {
	font-family: Museo-500;
	src: local('Museo-500'), local('Museo-500'),
	url('../fonts/Museo-500-webfont.eot'),
	url('../fonts/Museo-500.OTF') format('opentype'),
	url('../fonts/museo-500-webfont.woff') format('woff'), 
	url('../fonts/museo-500-webfont.ttf') format('truetype'), 
	url('../fonts/museo-500-webfont.svg') format('svg');
}
Y mi otro problema es una cuestión de opacidad, tengo un diseño de file, al que he dado una opacidad para que pueda verse el diseño que yo he puesto y no el predeterminado. Os pongo mi código en cuanto la opacidad, por si olvidé algún atributo o alguna cosa, porque en Chrome, Safari y Firefox se ve perfectamente, el problema reside en Ópera y cómo no, en Explorer:

Código:
.SI-FILES-STYLIZED label.cabinet input.file
{
	position: relative;
	height: 100%;
	width: auto;
	opacity: 0;
	-moz-opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	cursor: pointer;
}
Si véis en que fallo o qué me falta, no dudéis en decírmelo porque empiezo a extresarme de un modo bastante intenso...

Gracias de antemano ^^
  #2 (permalink)  
Antiguo 03/09/2010, 07:25
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con Ópera (en @font-face, y con la opacidad)

¿Qué versión de Ópera utiliza?

Sobre lo segundo:
No alcanzo a comprender qué pretende lograr al usar /opacity:0/ -> totalmente transparente.
Si lo que quiere es que no se vea absolutamente nada de ese elemento pero que el resto de elementos de la página se comporten como si estuviese ahí, css define el par /propiedad:valor/ /visibility:hidden/ que creo recordar es totalmente soportada por los navegadores.
  #3 (permalink)  
Antiguo 03/09/2010, 07:46
Avatar de pann84  
Fecha de Ingreso: agosto-2010
Ubicación: Asturias - Madrid
Mensajes: 95
Antigüedad: 7 años, 4 meses
Puntos: 4
Respuesta: Problemas con Ópera (en @font-face, y con la opacidad)

En cuanto a la versión de Ópera, es la 9.27 para Mac.

La opacidad si, quiero que no se vea nada, es un rediseño de un <input type="file" /> y para que se vea el diseño necesito que no se vea como tal, sino que transparente para que se vea el mío, pero no me admite la opacidad Ópera y no tengo ni idea de por qué, en los demás navegadores funciona. Probé añadiendo visibility: hidden pero sigue exctamente igual. Gracias de todos modos
  #4 (permalink)  
Antiguo 03/09/2010, 07:58
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con Ópera (en @font-face, y con la opacidad)

Lo que recuerdo (verifíquelo, por favor), es que ópera implementó soporte para @font-face en la ver.10 (de window$)
Mire a actualizar su navegador, que en estos momentos está en la ver 10.61 en window$

Y sobre la segunda consulta, ¿puede poner un enlace a la página del problema y describir un poco más qué desea lograr y qué obtiene ahora?

Sobre sus menciones a ie no he respondido porque no indica a qué versión se está refiriendo.

Etiquetas: font-face, opacidad
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:01.