Perguntas com a marcação «webkit»

Eu tenho um site voltado principalmente para usuários móveis, mas também para computadores. No Mobile Safari, usando <input type="number"> funciona muito bem porque exibe o teclado numérico nos campos de entrada que devem conter apenas números. No Chrome e Safari, no entanto, o uso de entradas numéricas exibe botões de …

203 css  html  webkit 

É possível usar animação de transição CSS3 no carregamento da página sem usar Javascript? É o que eu quero, mas no carregamento da página: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html O que eu encontrei até agora Atraso na transição CSS3 , uma maneira de atrasar os efeitos nos elementos. Funciona apenas em foco. O quadro-chave …

195 css  webkit  css-transitions  css-animations 

Eu sei que no Safari em um iPhone você pode detectar a orientação da tela e mudar de orientação ouvindo o onorientationchangeevento e consultando window.orientationo ângulo. Isso é possível no navegador de telefones Android? Para esclarecer, pergunto se a rotação de um dispositivo Android pode ser detectada pelo JavaScript em …

187 javascript  android  webkit 

Dado um DOM HTML, como obter a posição de um elemento em relação à janela em JavaScript / JQuery? Não é o mesmo que relativo ao documento nem pai-offset, pois o elemento pode estar dentro de um iframe ou de alguns outros elementos. Preciso obter a localização da tela do …

168 javascript  jquery  ipad  webkit  webview 

O comportamento padrão do WebKit / Blink (Safari / Chrome) no MacOS desde a versão 10.7 (Mac OS X Lion) é ocultar barras de rolagem dos usuários do trackpad quando eles não estão em uso. Isso pode ser confuso ; a barra de rolagem geralmente é a única dica visual …

162 css  macos  webkit  scrollbar  blink 

Percebi uma postagem de blog do Google que menciona a capacidade de colar imagens diretamente da área de transferência em uma mensagem do Gmail se você estiver usando a versão mais recente do Chrome. Eu tentei isso com a minha versão do Chrome (12.0.742.91 beta-m) e funciona muito bem usando …

148 javascript  html  google-chrome  webkit 

Quero fazer uma rotação do meu ícone de carregamento por CSS. Eu tenho um ícone e o seguinte código: <style> #test { width: 32px; height: 32px; background: url('refresh.png'); } .rotating { -webkit-transform: rotate(360deg); -webkit-transition-duration: 1s; -webkit-transition-delay: now; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } </style> <div id='test' class='rotating'></div> Mas isso não funciona. …

146 css  animation  webkit 

A folha de estilo do agente do usuário do Chrome fornece um raio de borda de 5px para todos os cantos de um <select>elemento. Tentei me livrar disso aplicando um raio de 0px na minha folha de estilo externa, bem como no elemento em si; Eu tentei os dois border-radius:0pxe …

143 select  webkit  css 

Estou tendo problemas para encontrar documentação para isso. É específico do Safari? Houve um erro recente no iOS 9 ( aqui ), cuja solução está sendo adicionada shrink-to-fit=noà meta da viewport. O que faz este código?

143 html  safari  webkit  ios9  viewport 

Passei muito tempo tentando descobrir por que o vídeo incorporado como aqui: <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> começa a tocar automaticamente quando a página é carregada no FireFox, mas não pode ser reproduzida automaticamente em navegadores baseados no Webkit. Isso aconteceu …

134 javascript  html  google-chrome  safari  webkit 

Eu já vi esse post e tentei de tudo para alterar o preenchimento do meu espaço reservado, mas, infelizmente, parece que ele não quer cooperar. Enfim, aqui está o código para o css. ( EDIT : Este é o css gerado a partir de sass) #search { margin-top: 1px; display: …

133 html  google-chrome  webkit  css 

O Chrome (ou qualquer outro navegador de webkit) lança uma tonelada dessas "Tentativas de JavaScript inseguras para acessar o quadro com URL ..." ao trabalhar com a API do Facebook, por exemplo. Não interfere na operação real, mas torna o console javascript basicamente inutilizável. Gostaria de saber se existe uma …

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

Parece que houve uma atualização recente no Google Chrome que causa texto embaçado depois de fazer um transform: scale(). Especificamente, estou fazendo isso: @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } …

126 google-chrome  css  webkit  transform  css-animations 

Sei que é possível especificar um gráfico personalizado para ser um caractere de marcador de substituição, usando o atributo CSS: list-style-image E então fornecendo um URL. No entanto, no meu caso, eu só quero usar o símbolo '+'. Não quero criar um gráfico para isso e depois apontá-lo. Prefiro apenas …

125 html  css  webkit  mobile-webkit 

Eu tenho um aplicativo no qual carrego conteúdo UIWebViewe apresento isso. Não consigo desativar completamente a interação do usuário porque quero que o usuário possa clicar nos links. Eu só preciso desativar a seleção de usuários. Encontrei em algum lugar do Internets que você pode usar: document.body.style.webkitUserSelect='none'; Eu tentei inserir …

121 ios  uiwebview  webkit  ios4  mobile-webkit