Transparence sur les widgets du portail et fond du portail en transparence avec rgb

[Guilde-Egregore]

Bonjour, sur le portail je souhaite rendre transparente la couleur du fond des widgets.

En effet je souhaite appliquer une image translucide cependant comme la couleur du fond du widget est toujours présente à l'arrière cela de fonctionne pas.

Voici le code que j'ai utilisé pour mettre une image sur les widgets portail :

Code:

.module {
background-image: url("http://i38.servimg.com/u/f38/18/73/48/08/t15lig10.png");
background-repeat: repeat;
background-position: top left;
}

A part, j'ai d'appliqué un code JS et un code CSS qui permettent la transparence du fond du portail avec une image, seulement lors du chargement de la page l'affichage n'est pas terrible la transparence ne s'applique pas immédiatement, peut être qu'il y a un moyen de l'optimiser ? S'il est possible d'utiliser rgba plutôt que l'image aussi.

Code:

$(function (){
                $("#wrap").css("background-color","transparent");
                $("#wrap").addClass("fondcadre1");
                });

Code:

   .fondcadre1 {
   background-image:url('http://i38.servimg.com/u/f38/18/73/48/08/t75bla10.png');
   }

Bien à vous

[Guilde-Egregore]

J'ai des recherches mais je ne trouve pas ou ça ne me convient pas. Je n'ai pas envie de toucher aux templates.

Avez-vous des idées ?

[Peggy06]

Bonjour, Guilde-Egregore,
Je ne comprends pas bien, si vous voulez le fond des widgets transparent, pour quoi avoir mis une image dans le CSS et pas

Code:

  .module {
        background-image: url("http://2img.net/i/fa/empty.gif");
        background-repeat: repeat;
        background-position: top left;
        }

, mais essayez d'enlever les 2 autres, juste le css.
A++

[Guilde-Egregore]

Bonsoir Peggy,

Comme je l'ai dit dans mon premier message, je souhaite appliquer une image translucide pour les widgets du portail. Cependant comme la couleur du fond du widget est toujours présente à l'arrière cela de fonctionne pas.

L'image avec 15% de transparence : https://i.servimg.com/u/f38/18/73/48/08/t15lig10.png

Quand à l'autre code il s'agit d'un JS qui permet d'enlever le fond de page du forum et d'un code css lié pour ajouter en contre partie une image qui est transparente que j'aimerai remplacer par une couleur en rgba. (J'ai essayé background-color: avec la couleur mais rien ne se passe.)

Édition : avec background-color: transparent; ça fonctionne !