Articles of css

Por que não: antes e depois dos pseudo-elementos funcionam com elementos `img`?

Eu estou tentando usar um :before pseudo elemento com um elemento img . Considere este HTML e CSS … HTML CSS img:before { content: “hello”; } jsFiddle . Isso não produz o efeito desejado (testado no Chrome 13 e no Firefox 6). No entanto, funciona com um elemento div ou span . Por que não? […]

: pseudo-class ativa não funciona em safari móvel

No Webkit no iPhone / iPad / iPod, a especificação de estilo para uma pseudo-class ativa para uma tag não é acionada quando você toca no elemento. Como posso fazer isso triggersr? Exemplo de código: a:active { background-color: red; } Click me

Como escrever um hack CSS para o IE 11?

Como posso hack ou escrever css apenas para o IE 11? Eu tenho um site que parece ruim no IE 11. Eu só pesquisar aqui e ali, mas ainda não encontrei nenhuma solução. Existe algum seletor de css?

Opacidade de fundo CSS com o rgba não funcionando no IE 8

Eu estou usando este CSS para a opacidade de fundo de um : background: rgba(255, 255, 255, 0.3); Está funcionando bem no Firefox, mas não no IE 8. Como faço para que funcione?

Como aplicar CSS embutido e / ou externo carregado dinamicamente com jQuery

Eu tenho um controle Ajax que é carregado em um popup do Yahoo usando jQuery. Eu apenas uso um simples pedido .get para carregar o HTML. $.get(contentUrl, null, function(response) { $(‘#dialog’).find(‘.bd’).assertOne().html(response); }, “waitDlg”); Agora, o problema é que o conteúdo carregado precisa de seu próprio CSS, que é criado dinamicamente. Eu tenho uma escolha de […]

Consulta de mídia para detectar se o dispositivo é touchscreen

Qual é a maneira mais segura, usando consultas de mídia, para fazer algo acontecer quando não está em um dispositivo touchscreen? Se não houver nenhuma maneira, sugira usar uma solução JavaScript como !window.Touch ou Modernizr?

Remova o espaçamento extra de botões / preenchimento no Firefox

Veja este exemplo de código: http://jsfiddle.net/Z2BMK/ Chrome / IE8 se parece com isso O Firefox parece com isso Meu CSS é button { padding:0; background:#080; color:white; border:solid 2px; border-color: #0c0 #030 #030 #0c0; margin:0; } Como posso alterar o exemplo de código para tornar o botão o mesmo em ambos os navegadores? Eu não quero […]

Como manipular dois pontos em um ID de elemento em um seletor de CSS

O JSF está configurando o ID de um campo de input para search_form:expression . Preciso especificar alguns estilos nesse elemento, mas esse cólon parece o início de um pseudoelemento para o navegador, de modo que fica marcado como inválido e ignorado. Existe alguma maneira de escaping do cólon ou algo assim? input#search_form:expression { ///… }

Como faço para simular um mouseover em JavaScript puro que ativa o CSS “: hover”?

Eu tenho tentado encontrar código para simular mouseover no Chrome, mas mesmo que o ouvinte “mouseover” seja triggersdo, a declaração “pairar” do CSS nunca é definida! Eu tentei também fazer: //Called within mouseover listener theElement.classList.add(“hover”); Mas nada parece mudar o elemento para o que é declarado em sua declaração hover . Isso é possível?

Como obter um elemento pai para aparecer acima do filho

Eu tenho dois elementos CSS nesteds. Eu preciso que o pai esteja no topo, ou seja, acima no eixo z, do elemento filho. Apenas definir o índice z não é suficiente. Não consigo definir um z-index negativo no filho, isso é definido abaixo do contêiner de página na minha página real. Esse é o único […]