Ir para conteúdo
Fórum Script Brasil
  • 0

Transparência em background sem afetar o texto


Led Lemos

Pergunta

4 respostass a esta questão

Posts Recomendados

  • 0

jquery nele

o brother talves seja isso aqui q você deseja....

$(document).ready(function() {

divAtual = $("body").attr("class") // acessar os divs q estão dentro do div pai

$("#bots a").click(function () // click no link da div bot

{

cor = $(this).attr("href") // cor = ao tributo href da div bots

$(".container").animate({opacity:0.5, width:500}, "slow") // DENTRO DAS CHAVES PODE INSERIR VARIAS PROPRIEDADES

$("body").removeClass(divAtual)

$("body").addClass(cor)

divAtual = cor

return false

})

})

só modificar com os id de suas divs

Link para o comentário
Compartilhar em outros sites

  • 0

com CSS da pra fazer, mas não é a melhor maneira, eu te aconselho usar imagens PNG transparente como background

pois com CSS todas as Divs filhas vao pegar a transparencia

mas segue exemplo com CSS

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
    <style type="text/css">
        body{
            background-color:#009900;
        }
        .transparente{
            background-color:#FFFFFF;
            border:1px #000000 solid;
            opacity: 0.65;
            -moz-opacity: 0.65;
            filter: alpha(opacity=65);
        }
    </style>
</head>

<body>
    <div class="transparente">
        <p>conteudo</p>
    </div>
</body>
</html>

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...