Cómo configurar el módulo Baidu Space para que sea transparente
Hay un filtro Alfa en CSS, que puede establecer la transparencia del elemento de destino. También puede lograr varios rangos de transparencia especificando coordenadas. La sintaxis específica es la siguiente:
{filtro: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy =#finishy )}
Los significados específicos de los parámetros son los siguientes:
transparencia de opacidad. El rango predeterminado es de 0 a 100, que en realidad es un porcentaje. Es decir, 0 representa completamente transparente y 100 representa completamente opaco.
finishopacity es un parámetro opcional. Si desea establecer el efecto de transparencia del degradado, puede usarlo para especificar la transparencia al final. El rango también es de 0 a 100.
estilo especifica las características de forma del área transparente: 0 representa una forma uniforme, 1 representa una forma lineal, 2 representa una forma radial y 3 representa un rectángulo.
startx. Coordenada X del inicio del efecto de transparencia del degradado.
Coordenada Y inicial donde comienza el efecto de transparencia del degradado.
finishx coordenada X al final del efecto de transparencia del degradado.
Coordenada Y acabada al final del efecto de transparencia del degradado.
Los parámetros anteriores son opcionales, solo puede establecer una opacidad
Por ejemplo:
{filter:alpha(opacity=50)}
Esta es la configuración translúcida. Simplemente agregue el código en {} al {} en la plantilla que debe configurarse. Recuerde usar ";" entre el código anterior; de lo contrario, la configuración no será válida.
Por ejemplo:
Quiero establecer el color del fondo del área de la plantilla (blanco) + translucidez [este es el efecto de mi blog actual]
Siempre y cuando ya que
< el fondo está configurado en p>.modbox{}.modbl{}
.modbc{}
.modbr{}
-color:white
Estos son los ID de la configuración de fondo de la plantilla
Luego en .modbox, .modbl, .modbc, .modbr{}, si no tienes esto, puedes agregar uno tú mismo
Agrega filtro: alfa(opacidad=80) para lograr el efecto de que el fondo de todas las plantillas sea translúcido
Si quieres para mostrar solo el fondo del blog como yo, otros. Si todos son completamente transparentes, simplemente agregue el código con un fondo completamente transparente a otras plantillas
fondo:transparent Este es el código con un fondo completamente transparente fondo
Pero en este caso, las plantillas relevantes. El área principal es transparente, pero habrá una franja de color debajo, por lo que debe agregarse en
.modbl{}
.modbc{}
.modbr{}
También agregue el código para hacer que el fondo sea completamente transparente, de modo que el área de la plantilla pueda ser completamente transparente. al igual que mi efecto actual
Además, este parámetro solo se puede usar para establecer el color de fondo, la imagen de fondo no se puede configurar en translúcida
Publicaré mi código de translucidez de fondo
.modbox{padding:10px 10px 0 10px;fondo -color:#FFFFFF;border-left:1px sólido #813533;border-right:1px sólido #813533}
.modbl{ fondo:transparente;borde-izquierdo:1px sólido #813533;borde-inferior:1px sólido #813533;altura de línea:1px}
.modbc{fondo:transparente;borde-bottom:1px sólido #813533 ;altura-línea:1px}
.modbr {fondo:transparent;;borde-derecha:1px sólido #813533;borde-abajo:1px sólido #813533;altura-línea:1px}
.modbox,.modbl,.modbc,.modbr{filtro :alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}
El las palabras rojas son la configuración clave. Si no desea establecer una transparencia total, puede cambiar .modbl Cambie el fondo: transparente en {}.modbc{}.modbr{} al color de fondo:#FFFFFF en .modbox. {}. Por supuesto, puedes cambiar el #FFFFFF aquí a tu color favorito, pero por motivos de belleza y uniformidad, se recomienda que los códigos de color de estos 4 sean iguales
Adjunto: #FFFF
FF significa blanco, #000000 significa negro, negro
Dado que muchos amigos quieren saber mi código para configurar un ID de módulo totalmente transparente, lo publico aquí para su referencia:
Archivo personal #m_pro{}
Barra de título espacial#m_header{}
La barra de menú es #tab{}
Área de artículos#m_blog{}
Área de álbum#m_album{}
Enlaces amigables#m_links{}
Categoría de artículo#m_artclg{}
Últimos comentarios#m_comment{ }
Área de visitas #comm_info{}
El módulo grande detrás de todos los módulos anteriores [excepto el título del espacio y el menú].stage{}
Esto es para los ID de varios módulos grandes, solo necesita agregar el código completamente transparente al ID{} donde desea establecer la transparencia total. Si no hay ningún ID de módulo{} que desee configurar, simplemente agréguelo usted mismo y agréguelo en el espacio en blanco. Eso es todo
En mi espacio, excepto #m_blog{}, todo lo anterior ha agregado código totalmente transparente
.