Articles of css

Rotação CSS cruzar navegador com jquery.animate ()

Estou trabalhando na criação de uma rotação compatível entre navegadores (ie9 +) e tenho o seguinte código em um jsfiddle $(document).ready(function () { DoRotate(30); AnimateRotate(30); }); function DoRotate(d) { $(“#MyDiv1”).css({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’: ‘rotate(‘+d+’deg)’ }); } function AnimateRotate(d) { $(“#MyDiv2”).animate({ ‘-moz-transform’:’rotate(‘+d+’deg)’, ‘-webkit-transform’:’rotate(‘+d+’deg)’, ‘-o-transform’:’rotate(‘+d+’deg)’, ‘-ms-transform’:’rotate(‘+d+’deg)’, ‘transform’:’rotate(‘+d+’deg)’ }, 1000); } O CSS e HTML são […]

Devo usar max-device-width ou max-width?

Com as consultas de mídia CSS, você pode usar max-device-width para segmentar uma largura de dispositivo (como um dispositivo iPhone ou Android) e / ou uma max-width que tenha como meta a largura de uma página. Se você usar max-device-width , quando alterar o tamanho da janela do navegador na sua área de trabalho, o […]

Retorno de chamada na transição de CSS

É possível obter uma notificação (como retorno de chamada) quando uma transição de CSS foi concluída?

wordwrap uma cadeia muito longa

Como você pode exibir uma string longa, endereço de site, palavra ou conjunto de símbolos com quebras de linha automáticas para manter uma largura div? Eu acho que uma espécie de quebra de linha. Geralmente adicionar um espaço funciona, mas existe uma solução CSS como o word-wrap? Por exemplo, (muito nastily) se sobrepõe a divs, […]

Amazon S3 CORS (Compartilhamento de resources entre origens) e carregamento de fonts entre domínios do Firefox

Houve um problema de longa data com o Firefox não carregando fonts de origem diferente da página atual. Geralmente, o problema surge quando as fonts são exibidas em CDNs. Várias soluções foram levantadas em outras questões: CSS @ font-face não funciona com o Firefox, mas funciona com o Chrome e o IE Com a introdução […]

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 […]