Jump to content


Como Deixar Uma Div Transparente?


  • Faça o login para participar
15 replies to this topic

#1 Voltaire_rs

Voltaire_rs
  • Visitantes

Posted 18/04/2012, 08:58

Bom dia! eu não consigo fazer uma borda transparente ou uma div.

aqui um exemplo.

<style type="text/css">

body {
background-image:url(barra%20de%20fundo.png);
background-repeat:repeat-x;
background-color:#069;
}
#fundo {
margin:50px 50px;
width:810px;
height:180px;
border-radius:5px;
background-color:#9ac3d8;
}
#caixa-interna {
width:800px;
height:170px;
margin:5px;
position:absolute;
background-color:#fdfdfd;
border-radius:5px;
}
</style>
</head>
<body>


<div id="fundo">

<div id="caixa-interna">


</div>
</div>
</body>
</html>




GRATO!

#2 Radhamantys

Radhamantys

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Masculino
  • Localidade:Bahia

Posted 05/09/2012, 18:56

só vc colocar o seguinte em seu código.. opacity:0.0 (essa escala 0.0 pode ir até 1.0 lembrando que quanto menor a numeração mais transparent ficará a div)
espero ter ajudado!

#3 shayllis

shayllis

    12 Horas

  • Usuários
  • 152 posts
  • Sexo:Masculino
  • Localidade:Barueri - SP
  • Interesses:PHP, MySQL, ASP.NET C# e VB, DreamWeaver, VisualStudio, JavaScript

Posted 15/09/2012, 22:42

esse código tah errado ñ?
(barra%20de%20fundo.png);
mas enfim... usa um opacity e um -filter-alpha p garantir no IE tbm

mas tenta um png

#4 toddycps

toddycps
  • Visitantes

Posted 19/11/2012, 00:13

Eu também recomendaria um PNG por causa do IE =P

#5 Sagate

Sagate

    Novato no fórum

  • Usuários
  • 24 posts
  • Sexo:Não informado

Posted 27/01/2013, 12:57

Estava pesquisando sobre algo parecido encontrei isso pngFix

http://jquery.andrea...gFix/index.html

abraços

Rbd ami yumi dengue sk3000
Web Designer Freelancer
falawebdesigner

As pequenas palavras valem mais que um milhão de flores...


#6 000.000

000.000

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Masculino
  • Localidade:São Paulo
  • Interesses:Explanar as dúvidas de quem tiver e integrar meu conhecimento com que tiver a oferecer.

Posted 29/05/2013, 19:21

Então cara, se você quiser dar uma opacidade na div, basta usar o atributo "opacity" do css.
#suaDiv {opacity: 0.7 /*opacidade de 70% */}
Se você quiser que a BORDA fique com opacidade, podemos utilizar o padrão de cores RGBA, exemplo:
#suaDiv {border: 5px solid rgba(0,0,0,0.8);}

EXPLICAÇÃO RGBA: A utlização do rgba é muito simples e pode-se usar o paint para se usar como base. Entre o paint e procura pela caixa de cores logo acima e clique EDITAR CORES. vai abrir uma caixa em que você escolhe a cor e na opacidade que você quiser. Note que logo ao lado tem três caixinhas escritas "vermelha (Red)", "verde (Green)" e "azul (Blue)", ou seja RGB, que nada mais é do que a fusão dessas três cores para chegar em uma infinidade de outras cores. Escolha a cor que você quer e perceba que o valor dessas caixinhas se alteram. Agora é só utilizar os valores na ordem do RGBA no css. São quatro valores, perceba: #suaDiv {rgba(124(valor do vermelho), 25(valor do verde), 75(valor do azul) e no final é a opacidade, por exemplo: 0.5 (50% de opacidade)};
Então o código fica assim:
#suaDiv {border: 5px solid rgba(124, 25,75,0.5);}
Colocamos opacidade na borda sem atingir outros elementos.

LEMBRANDO QUE O RGBA TAMBÉM SERVE PARA BACKGROUNDS, quando queremos colocar opacidade sem atingir toda a div.
AVALLON AZEVEDO DOS SANTOS - Desenvolvedor e programador de sites

#7 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 24/09/2017, 05:58

Tinnitis Keflex Cialis Venta Libre Levitra 10 Mg In Farmacia viagra cialis Kaufen Levitra
Buy Prevacid Otc online pharmacy Viagra 79 Horny Goat Weed
What Are The Ingredients In Amoxicillin Discount Tadalifil Hydrochlorothiazide Aquazide Florida online pharmacy Le Kamagra Est Il Autorise En France

#8 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 24/09/2017, 12:28

Cialis Tabs India cialis price Cialis En Pharmacie Avec Ordonnance Non Prescription Metformin Avorter Premier Mois

#9 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 24/09/2017, 15:16

Where Can I Buy Celebrex cheap cialis Forte Propecia Generico

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 08/10/2017, 05:36

Azithromycin Overnight Delivery Discount Cialis 20mg cialis buy online Order Cialis Online Cheap Order Legally Stendra Overseas Mastercard

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 08/10/2017, 07:42

5158.1 Viagra Y Cialis Tomar Juntos Importing Kamagra Into Uk levitra a precios baratos Neggram
Vendita Levitra 20mg Medikament Viagra 50 Mg viagra Viagra Sales In Usa Cialis Ne Marche Pas Propecia O Proscar
Priligy Niederlande buy viagra online Effects Of Alcohol On Amoxicillin

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 04/11/2017, 16:42

Acquistare Viagra Cialis What Is Keflex Prescribed For viagra Buy Tadapox Online
Amoxil Instead Flagyl viagra Viagra Schweiz Bestellen Meilleure Facon De Durer Plus Longtemps

#13 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 27/11/2017, 09:05

Brand Viagra Cialis 20mg Uk viagra online pharmacy Online Pharmacy Propecia Buy Propecia O Pilexil
Priligy Donde Comprar Caverta Cialis Dose Achat viagra Free Samples Of Cialis Sold In The Usa Were To Buy Suprax And Sithromax
Buy Priligy Online Usa Acquistare Levitra On Line Di viagra Amoxicillin Information Tab Macrobid No Prescription Needed

#14 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 27/11/2017, 10:31

Purchase Amoxicillin Online Cialis Tabs Sale cialis Prix Propecia En France

#15 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/11/2017, 16:21

Vegetarian Diet And Propecia viagra Cephalexin 500mg Interaction With Lovenox Orlistat En Ligne Amoxicillin Human Dose
Shipped Ups Clobetasol In Germany Amoxil 250mg cialis Sertraline Online Best Price Viagra 100mg Import Reimport Zithromax Frequent Urination
Cheap Ciallis 20 Mg Macrobid Next Day On Line Shop Warentest Levitra viagra Propecia Coupons
Viagra Pfizer Ohne Rezept Priligy Precio En Farmacias Acheter Kamagra Bon Marche cialis Del Propecia Efectos Secundarios Cialis Et Consommation D'Alcool Buy Cialia Canada




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq