Articles of css

Overflow-x: oculto não impede o transbordamento de conteúdo em navegadores móveis

Eu tenho um site aqui . Visualizada em um navegador de desktop, a barra de menus preta estende-se corretamente somente até a borda da janela, já que o body tem overflow-x:hidden . Em qualquer navegador para dispositivos móveis, seja Android ou iOS, a barra de menus preta exibe toda a largura, o que traz espaço […]

Alterar cor e aparência da seta suspensa

Eu quero mudar a aparência padrão da seta de uma lista suspensa para que pareça o mesmo em todos os navegadores. Existe uma maneira de replace a aparência padrão da seta suspensa usando CSS ou não?

Qual é a diferença entre uma pseudo-class e um pseudo-elemento no CSS?

Coisas como a:link ou div::after … A informação sobre a diferença parece escassa.

Como posso resize uma imagem dinamicamente com CSS à medida que a largura / altura do navegador muda?

Gostaria de saber como eu poderia fazer uma imagem resize junto com a janela do navegador, aqui está o que eu fiz até agora (ou baixar o site inteiro em um ZIP ). Isso funciona bem no Firefox, mas tem problemas no Chrome: a imagem nem sempre redimensiona, de alguma forma, depende do tamanho da […]

Quais propriedades CSS criam um contexto de empilhamento?

Estou estudando sobre o empilhamento de contextos e fazendo alguns testes com as propriedades que criam um contexto de empilhamento. Fiz vários testes e descobri que, além do z-index , é claro, as seguintes propriedades também criam um contexto de empilhamento: transform diferente de none ; opacity diferente de 1 ; E perspective . Existem […]

Por que a ordem das consultas de mídia é importante no CSS?

Ultimamente, venho projetando sites que são mais responsivos e tenho usado consultas de mídia CSS com frequência. Um padrão que notei é que a ordem em que as consultas de mídia são definidas realmente importa. Não testei em todos os navegadores, mas apenas no Chrome. Existe uma explicação para esse comportamento? Às vezes, é frustrante […]

Existe uma maneira de dividir uma lista em colunas?

Minha página da Web tem uma lista “magra”: por exemplo, uma lista de 100 itens de uma palavra de comprimento cada. Para reduzir a rolagem, quero apresentar essa lista em duas ou até quatro colunas na página. Como devo fazer isso com CSS? Item Item Item Item Item Item Item Item Item Item Eu prefiro […]

Mantendo o estado final no final de uma animação CSS3

Estou executando uma animação em alguns elementos que estão configurados para opacity: 0; no CSS. A class de animação é aplicada ao onClick e, usando frameworks-chave, altera a opacidade de 0 para 1 (entre outras coisas). Infelizmente, quando a animação termina, os elementos voltam à opacity: 0 (no Firefox e no Chrome). Meu pensamento natural […]

Vincular evento ao clique direito do mouse

Como posso acionar alguma ação com o botão direito depois de desativar o menu de contexto do navegador? Eu tentei isso. . . $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ $(‘.alert’).fadeToggle(); return false; }); });

seletor jQuery ou CSS para selecionar todos os IDs que começam com alguma string

Como posso selecionar todos os elementos cujo id começa com “player_”? Eu tenho vários elementos como este: text Todo id tem um selo único. Como posso selecionar todos esses elementos, com jQuery ou com CSS puro?