Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Opacity in the nav but not in the text of the nav

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #34390
    ronaldomoura
    Participant

    Hi guys,
    i’m a really noob in web design and just start my first project. What i intent was make a really nice nav bar with opacity and a solid color’s text. In the illustrator looks like very good but when i try to put that in code i just can’t isolate the text and all the thing looks opaque.
    I apologyze for my very poor english.
    Thanks a lot.
    Ronaldo

    #87420
    ronaldomoura
    Participant

    Hi wolfcry911
    You’re right. I’m using the opacity property and just forget to put some code.
    Thanks a lot.

    #mainNav {
    background-color: #42210B;
    height: 54px;
    width: 961px;
    opacity: 0.27;
    border-radius: 10px;
    margin: 20px auto;
    font-size: 12pt;
    font-weight: normal;
    color: #FFF;
    font-family: “Arial Black”, Gadget, sans-serif;
    text-align: justify;
    }

    #87439
    Minnow990
    Member

    Wouldn’t that still make the text have an opacity as well? wolfcry was saying put something like:

    #mainNav {
    background-color: rgba(66, 33, 11, 0.27);
    height: 54px;
    width: 961px;
    border-radius: 10px;
    margin: 20px auto;
    font-size: 12pt;
    font-weight: normal;
    color: #FFF;
    font-family: “Arial Black”, Gadget, sans-serif;
    text-align: justify;
    }

    and you should add in the browser specific border-radius properties:

    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -o-border-radius:10px;

    #87444
    ronaldomoura
    Participant

    Thanks Minnow990.
    I don’t put the browser’s properties compatibility yet, but I will.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.