Preguntas etiquetadas con webkit

Tengo un sitio que es principalmente para usuarios móviles pero también para escritorio. En Mobile Safari, el uso <input type="number">funciona muy bien porque muestra el teclado numérico en los campos de entrada que solo deben contener números. Sin embargo, en Chrome y Safari, el uso de entradas numéricas muestra botones …

203 css  html  webkit 

¿Es posible usar la animación de transición CSS3 en la carga de la página sin usar Javascript? Esto es algo de lo que quiero, pero en la carga de la página: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Lo que encontré hasta ahora CSS3 transición-retraso , una forma de retrasar los efectos en los elementos. Solo …

195 css  webkit  css-transitions  css-animations 

Sé que en Safari en un iPhone puedes detectar la orientación de la pantalla y el cambio de orientación al escuchar el onorientationchangeevento y consultar window.orientationel ángulo. ¿Es esto posible en el navegador en teléfonos Android? Para ser claros, pregunto si JavaScript puede detectar la rotación de un dispositivo Android …

188 javascript  android  webkit 

Dado un ID de DOM HTML, ¿cómo obtener la posición de un elemento en relación con la ventana en JavaScript / JQuery? Esto no es lo mismo en relación con el documento ni el elemento primario desplazado, ya que el elemento puede estar dentro de un iframe u otros elementos. …

168 javascript  jquery  ipad  webkit  webview 

El comportamiento predeterminado de WebKit / Blink (Safari / Chrome) en MacOS desde 10.7 (Mac OS X Lion) es ocultar las barras de desplazamiento de los usuarios del trackpad cuando no están en uso. Esto puede ser confuso ; la barra de desplazamiento es a menudo la única señal visual …

162 css  macos  webkit  scrollbar  blink 

Noté una publicación de blog de Google que menciona la capacidad de pegar imágenes directamente desde el portapapeles en un mensaje de Gmail si está utilizando la última versión de Chrome. Probé esto con mi versión de Chrome (12.0.742.91 beta-m) y funciona muy bien usando las teclas de control o …

148 javascript  html  google-chrome  webkit 

Quiero hacer una rotación de mi icono de carga por CSS. Tengo un ícono y el siguiente 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> Pero no funciona. ¿Cómo se …

146 css  animation  webkit 

La hoja de estilo de agente de usuario para Chrome proporciona un radio de borde de 5 píxeles a todas las esquinas de un <select>elemento. Intenté deshacerme de esto aplicando un radio de 0px a través de mi hoja de estilo externa, así como en línea en el elemento mismo; …

143 select  webkit  css 

Tengo problemas para encontrar documentación para esto. ¿Es Safari específico? Hubo un error reciente en iOS 9 ( aquí ), cuya solución se agrega shrink-to-fit=noal meta de la ventana gráfica. ¿Qué hace este código?

143 html  safari  webkit  ios9  viewport 

Pasé mucho tiempo tratando de descubrir por qué el video incrustado como aquí: <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> comienza a reproducirse automáticamente una vez que la página se carga en Firefox pero no puede reproducirse automáticamente en navegadores basados ​​en Webkit. …

134 javascript  html  google-chrome  safari  webkit 

Ya vi esta publicación y probé todo lo que pude para cambiar el relleno de mi marcador de posición, pero por desgracia, parece que simplemente no quiere cooperar. De todos modos, aquí está el código para el CSS. ( EDITAR : Este es el CSS generado a partir de sass) …

133 html  google-chrome  webkit  css 

Chrome (o cualquier otro navegador webkit) arroja una tonelada de estos "intentos de JavaScript inseguro para acceder al marco con URL ..." cuando se trabaja con la API de Facebook, por ejemplo. No interfiere con la operación real, pero hace que la consola de JavaScript sea básicamente inutilizable. Me gustaría …

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

Parece que ha habido una actualización reciente de Google Chrome que causa texto borroso después de hacer una transform: scale(). Específicamente estoy haciendo esto: @-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 

Me doy cuenta de que uno puede especificar un gráfico personalizado para que sea un carácter de viñeta de reemplazo, usando el atributo CSS: list-style-image Y luego dándole una URL. Sin embargo, en mi caso, solo quiero usar el símbolo '+'. No quiero tener que crear un gráfico para eso …

125 html  css  webkit  mobile-webkit 

Tengo una aplicación donde cargo contenido a ay UIWebViewpresento esto. No puedo deshabilitar la interacción del usuario por completo porque quiero que el usuario pueda hacer clic en los enlaces. Solo necesito deshabilitar la selección de usuario. Encontré en algún lugar de Internet que puedes usar: document.body.style.webkitUserSelect='none'; Traté de insertar …

121 ios  uiwebview  webkit  ios4  mobile-webkit