Retour à Forum de site web

DIV opacité problème couleur de fond

  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Octobre 18th, 2008, 1:04 pm

Salut, je cherche à concevoir mon nouveau site, et je rencontre quelques problèmes avec opacité étant héréditaire à tous les objets au sein de mon div. L'objectif est d'avoir un semi transpa pas la couleur d'arrière-plan, mais tout en haut (balises H1 et P) d'être complètement opaque. Le problème semble se produire à travers l'héritage de tous les objets de la DIV, même si j'ajoute un style spécifiquement à ces objets, comme d'avoir une opacité de 100%, elle rendra encore dans Firefox comme étant à l'opacité de 50% que la couleur de fond est , ainsi que tous les photos que j'ai mai add !!!!! Heres le code CSS en question - je ne vais même pas entrer dans l'homosexualité d'essayer d'aligner les marges sur les éléments flottants - Je déteste la conception du site!

Code: [ Select ]
#subNavigation {
    background-image: url(../Images/Site%20Logos/Galaxy%20Rotation%20Blur.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    height: 370px;
    background-attachment: fixed;
    position: relative;
}
#subNavigation p {
    filter: alpha(opacity=100);
    -moz-opacity:1.0;
    opacity:1.0;
}
#subnavigationLeft {
    float: left;
    height: 345px;
    width: 325px;
    background-color: #191919;
    border: 2px solid #333333;
    filter: alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
}
#subnavigationRight {
    height: 345px;
    background-color: #191919;
    border: 2px solid #333333;
    filter: alpha(opacity=50);
    -moz-opacity:.50;
    opacity:.50;
    padding: 0px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 345px;
}
  1. #subNavigation {
  2.     background-image: url(../Images/Site%20Logos/Galaxy%20Rotation%20Blur.jpg);
  3.     background-repeat: no-repeat;
  4.     background-position: center center;
  5.     height: 370px;
  6.     background-attachment: fixed;
  7.     position: relative;
  8. }
  9. #subNavigation p {
  10.     filter: alpha(opacity=100);
  11.     -moz-opacity:1.0;
  12.     opacity:1.0;
  13. }
  14. #subnavigationLeft {
  15.     float: left;
  16.     height: 345px;
  17.     width: 325px;
  18.     background-color: #191919;
  19.     border: 2px solid #333333;
  20.     filter: alpha(opacity=50);
  21.     -moz-opacity:.50;
  22.     opacity:.50;
  23.     padding: 0px;
  24.     margin-top: 0px;
  25.     margin-right: 0px;
  26.     margin-bottom: 0px;
  27.     margin-left: 10px;
  28. }
  29. #subnavigationRight {
  30.     height: 345px;
  31.     background-color: #191919;
  32.     border: 2px solid #333333;
  33.     filter: alpha(opacity=50);
  34.     -moz-opacity:.50;
  35.     opacity:.50;
  36.     padding: 0px;
  37.     margin-top: 10px;
  38.     margin-right: 10px;
  39.     margin-bottom: 0px;
  40.     margin-left: 345px;
  41. }


Merci en avance pour toute aide! :D
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Octobre 18th, 2008, 1:04 pm

  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Octobre 20th, 2008, 11:17 pm

heres ce que je pense qu'elle pourrait être...juste essayer de faire quelque chose comme ce qui suit:
au lieu de cela:
Code: [ Select ]
#subNavigation p{

try something like this
Code: [ Select ]
body #Navigation #subNavigation p{


presque comme un chemin absolu.
Let's leave all our *plum* where it is and go live in the jungle ...
  • Travis Coats
  • Graduate
  • Graduate
  • No Avatar
  • Inscription: Mai 27, 2007
  • Messages: 107
  • Status: Offline

Message Octobre 26th, 2008, 3:37 pm

Désolé, je n'ai pas répondu plus tôt. J'ai effectivement pensé un instant que vous à quelque chose, et il semblait si clair. Puis je l'ai essayé...heheheh.

Pour une raison étrange, il semble encore être l'héritage le PARE opacité DIV créant même pas avec elle plus loin dans la cascade?! Je ne sais pas pourquoi, dans Firefox pour le Mac que le filtre: alpha (opacity = x) tag ne fonctionne pas. J'ai été d'avoir à utiliser la propriété:

Code: [ Select ]
# -moz-opacity:1.0;
#     opacity:1.0;
  1. # -moz-opacity:1.0;
  2. #     opacity:1.0;


Elle a ensuite rendu correctement, mais alors c'est à nouveau de jouer avec les images et la police contenue dans l'élément / DIV ainsi. Très confus et frustrant. :)

Page 1 sur 1

Afficher de l'information

  • Total des messages de ce sujet: 3 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 112 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC