Articles of css

Seletor CSS para selecionar o primeiro elemento de uma determinada class

Estou tentando selecionar um primeiro elemento da class ‘A’ em um elemento com id ou class ‘B’. Eu tentei uma combinação de seletores de + e primeiro filho, já que não é um primeiro elemento dentro do elemento de class ‘B’. Funcionou, mas … eu estou tentando sobrescrever alguns css padrão e não tenho controle […]

Como parar um loop setTimeout?

Eu estou tentando construir um indicador de carregamento com um sprite de imagem e eu vim com essa function function setBgPosition() { var c = 0; var numbers = [0, -120, -240, -360, -480, -600, -720]; function run() { Ext.get(‘common-spinner’).setStyle(‘background-position’, numbers[c++] + ‘px 0px’); if (c<numbers.length) { setTimeout(run, 200); }else { setBgPosition(); } } setTimeout(run, […]

Sombra de checkbox no IE7 e no IE8

Eu quero implementar sombras de checkbox no IE7 e IE8. Eu tentei de tudo sem ter sucesso. Aqui está o css que estou usando para aplicar sombra colorida a um div: .bright{ position: absolute; z-index: 1; -moz-box-shadow: 0px -3px 55px 20px #147197; box-shadow: 0px -3px 55px 20px #147197; -webkit-box-shadow: 0px -3px 55px 20px #147197; behavior: […]

Div rolável para ficar no fundo, quando div externo muda de tamanho

Aqui está um exemplo de aplicativo de bate-papo -> A ideia aqui é que o .messages-container ocupe o máximo possível da canvas. Dentro de .messages-container , .scroll mantém a lista de mensagens e, caso haja mais mensagens, o tamanho da canvas será exibido. Agora, considere este caso: O usuário rola para o final da conversa […]

Posicionando o conteúdo de itens da grade no contêiner principal (recurso de sub-rede)

Todos os guias sobre grade CSS parecem implicar uma estrutura onde os elementos posicionados em uma grade são filhos da própria grade. A B Onde .wrapper possui display: grid e uma definição das propriedades da grade. Faz algum sentido se eu quiser posicionar um elemento que seja um “neto” da grade, na própria grade (em […]

Definir valores de frameworks-chave do Webkit usando a variável Javascript

Eu tenho um pedaço de código JS para gerar números randoms e enviá-los como variables ​​a serem usadas aqui no lugar dos valores de rotação @-webkit-keyframes rotate { 0% {-webkit-transform: rotate(-10deg);} 100% {-webkit-transform: rotate(10deg);} } #dog{ /*irrelevant settings*/ -webkit-animation: rotate 5s infinite alternate ease-in-out; } O código acima funciona bem, no entanto, quando tento colocar […]

Como posso fazer o navegador aguardar para exibir a página até que ela esteja totalmente carregada?

Eu odeio como você pode ver as páginas da web sendo carregadas. Eu acho que seria muito mais interessante esperar até que a página esteja totalmente carregada e pronta para ser exibida, incluindo todos os scripts e imagens, e então o navegador a exiba. Então eu tenho duas perguntas … Como posso fazer isso? Eu […]

CSS para fazer borda de uma célula vazia aparecer?

Qual CSS devo usar para fazer a borda de uma célula aparecer mesmo se a célula estiver vazia? IE 7 especificamente.

Repetir headers de tabela no modo de impressão

É possível em CSS usar uma propriedade dentro de uma @page dizer que os headers da tabela (th) devem ser repetidos em todas as páginas se a tabela se espalhar em várias páginas?

Forma de triângulo com imagem de fundo

Eu estou trabalhando em um projeto que pede dois triângulos para armazenar imagens de fundo e ser links. Aqui está a minha simulação de como eu gostaria dos dois triângulos. Atualmente, tenho apenas dois divs que abrangem os 900 x 600 com cada triângulo como uma imagem de plano de fundo. A questão que estou […]