Articles of opacidade

Opacidade Div baseada na posição da barra de rolagem

Encontre um exemplo de como desvanecer uma div quando a barra de rolagem atinge uma certa posição aqui . Mas não é um desvanecimento suave do acelerador. Aqui está o código desse jsfiddle: var divs = $(‘.social, .title’); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.fadeIn("fast"); } else { divs.fadeOut("fast"); } });​ Eu quero que a porcentagem de opacidade reflita […]

como cancelar a opacidade de um elemento filho?

Eu quero aplicar opacidade para pai, mas eu não quero o elemento filho para herdar essa opacidade. .parent { opacity: 0.6; } Existe uma maneira de “cancelar” a opacidade herdada? talvez forçá-lo a opacity=1 para o elemento filho?

O que tem maior prioridade: opacidade ou índice z nos navegadores?

Estou codificando uma “janela popup” em JavaScript e me deparei com uma coisa interessante: O quadrado da marinha sob a janela pop-up é visível, embora eu espere que ele fique oculto. O pop-up foi adicionado após o quadrado, por isso deve estar no topo. A propriedade de opacity CSS do quadrado naval é 0.3 . […]

Opacidade do plano de fundo de div sem afetar o elemento contido no IE 8?

Eu quero definir a Opacidade do fundo div sem afetar o elemento contido no IE 8. ter uma solução e não responder para definir 1 X 1. PNG imagem e definir a opacidade dessa imagem porque eu estou usando opacidade dinâmica e cor admin pode mudar aquele Eu usei isso, mas não está funcionando no […]

Opacidade de borda CSS3?

Existe uma maneira direta CSS para fazer a borda de um elemento semi-transparente com algo como: border-opacity:0.7; ? Se não, alguém tem uma ideia de como eu poderia fazer isso sem usar imagens?

Opacidade CSS apenas para a cor de fundo e não para o texto?

Posso atribuir a propriedade de opacity à propriedade background de uma div apenas e não ao texto nela? Eu tentei: background: #CCC; opacity: 0.6; mas isso não altera a opacidade.

Como fazer piscar / piscar texto com CSS 3?

Atualmente, tenho este código: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } Ele pisca, mas só pisca em “uma direção”. Quero dizer, isso só se desvanece, e então aparece de volta com a opacity: 1.0 […]

Como definir a opacidade em div pai e não afeta em div filho?

Ei eu estou procurando no google, mas não posso multar qualquer resposta perfeita Eu quero opacidade no pai DIV mas não Child DIV Exemplo HTML Hello I am child Css .parent{ background:url(‘../images/madu.jpg’) no-repeat 0 0; } .child{ Color:black; } Nota: – Eu quero background image em Parent Div não Color

Existe alguma maneira de passar o mouse sobre um elemento e afetar um elemento diferente?

Eu quero que seja tão simples quanto isso, mas eu sei que não é: img { opacity: 0.4; filter: alpha(opacity=40); } img:hover { #thisElement { opacity: 0.3; filter: alpha(opacity=30); } opacity:1; filter:alpha(opacity=100); } Então, quando você passa o mouse sobre img, ele muda a opacidade de #thisElement para 30% e altera a opacidade da imagem […]

Opacidade CSS não funciona no IE8

Estou usando o CSS para indicar o texto do gatilho para uma seção deslizante jQuery: ou seja, quando você passa o mouse sobre o texto do gatilho o cursor muda para um ponteiro e a opacidade do texto do gatilho é reduzida para indicar que o texto tem uma ação de clique . Isso funciona […]