Articles of webkit

Qual è il valore corretto “-moz-appearance” per hide la freccia del menu a discesa di un elemento

Sto provando a definire la freccia a discesa di un elemento solo con CSS, funziona perfettamente in Chrome / Safari: select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px; -webkit-user-select: none; background-image: url(‘./select-arrow1.png’) ; background-position: center right; background-repeat: no-repeat; border: 1px solid #AAA; margin: 0; padding-top: […]

Come impostare lo stile -webkit-transform in modo dinamico utilizzando JavaScript?

Voglio cambiare la proprietà -webkit-transform: rotate() usando JavaScript in modo dinamico, ma il setAttribute comunemente usato non funziona: img.setAttribute(‘-webkit-transform’, ‘rotate(60deg)’); Lo .style non funziona neanche … Come posso impostarlo dynamicmente in JavaScript?

L’elemento fisso scompare in Chrome

Durante lo scorrimento su un sito Web che ho creato, utilizzando la position: fixed proprietà CSS position: fixed lavori position: fixed come previsto mantengono una barra di navigazione nella parte superiore della pagina. In Chrome, tuttavia, se si utilizzano i collegamenti nella barra di navigazione, a volte scompare. Di solito, l’elemento su cui hai fatto […]

Come impedire la modifica del rendering del testo Webkit durante la transizione CSS

Sto usando le transizioni CSS per la transizione tra stati trasformati CSS (fondamentalmente la transizione della scala di un elemento). Ho notato che quando l’elemento è in fase di transizione, il resto del testo sulla pagina (in Webkit) tende a modificare leggermente il rendering fino al completamento della transizione. Fiddle: http://jsfiddle.net/russelluresti/UeNFK/ Ho anche notato che […]

Attivare un evento tastiera su Chrome

Sto provando a lanciare un evento tastiera su una pagina utilizzando javascript su Chrome. Avevo un approccio che funzionava su Firefox: pressKey = function(key, shift) { var evt = document.createEvent(‘KeyboardEvent’); evt.initKeyEvent(“keypress”, false, true, null, false, false, shift, false, keyCode(key), key.charCodeAt(0)); document.dispatchEvent(evt); } dove key è la chiave desiderata e keyCode cambia le lettere minuscole in […]

Query media CSS per targetizzare solo iPad e iPad?

Ciao sto lavorando con più dispositivi tablet, iPad, Galaxy Tab, Acer Iconia, LG 3D Pad e così via. iPad: 1024 x 768 LG Pad – 1280 x 768 Galaxy Tab – 1280 x 800 Voglio scegliere come target solo l’iPad utilizzando la query multimediale CSS3. Poiché, la larghezza del dispositivo di LG e iPad è […]

Come applicare lo stile dell’intervallo di input HTML5 per avere colors diversi prima e dopo lo slider?

Voglio che il lato sinistro sia verde e il lato destro sia grigio. Come illustrato sopra sarebbe PERFETTO. Preferibilmente una soluzione CSS pura (solo bisogno di preoccuparsi di WebKit). E ‘ansible una cosa del genere?

WebKit: testo sfocato con scala css + translate3d

Sto riscontrando un problema in cui Chrome e altri browser WebKit sfocano in maniera massiccia ogni contenuto scalato in css che ha applicato anche translate3d. Ecco un JS Fiddle: http://jsfiddle.net/5f6Wg/ . (Visualizza in Chrome.) .test { -webkit-transform: translate3d(0px, 100px, 0px); } .testInner { /*-webkit-transform: scale(1.2);*/ -webkit-transform: scale3d(1.2, 1.2, 1); text-align: center; } This is blurry […]

Il browser dell’iPad / iPhone si arresta in modo anomalo durante il caricamento delle immagini in Javascript

Sto cercando di creare una galleria di immagini in Safari che riproduca l’app per foto iPad. Funziona perfettamente, tranne che una volta che carico più di 6 MB o più di immagini aggiungendoli al DOM o creando nuovi oggetti Image, le nuove immagini smettono di caricarsi o il browser si blocca. Questo problema è abbastanza […]

In che modo Facebook riscrive l’URL di origine di una pagina nella barra degli indirizzi del browser?

Vai a http://www.facebook.com/facebook?v=wall , quindi fai clic sulla scheda informazioni. Il contenuto verrà caricato e la barra degli indirizzi ora diventa http://www.facebook.com/facebook?v=info ma la pagina web non è stata ricaricata. All’inizio penso che sia Ajax, ma la mia domanda è, come si cambia la barra degli indirizzi senza ricaricare? So che posso cambiare l’ancora (#wall) […]