Tag: webkit

fiddle: http://jsfiddle.net/vVJGD/ ::-webkit-scrollbar{ width: 10px; padding-top: 40px; } ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); border: 1px solid black; background: rgb(41,41,41); border-radius: 10px; } ::-webkit-scrollbar-thumb{ border-radius:10px; height: 30px; width: 8px; border: 1px solid black; background: rgb(111,111,111); -webkit-box-shadow:

Ich experimentiere mit WkWebKit reden hin und her zwischen app und Seite. Ich kann javaScript ausführen fein mit WkWebView evaluateJavascript Methode, aber wenn ich versuche das ausführen Fenster.webkit.messageHandlers.myHandler.postMessage('Hallo Welt!') auf der JavaScript-Seite, ich finde, dass Fenster.webkit ist

BEARBEITET: Ich tatsächlich verwendet PHP zu erkennen und erstellt eine lokale variable mit php-tags. if ( strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'webkit')) { $is_webkit = "true"; } Wie kann ich erkennen, ob der browser ist webkit-basiert? (Google Chrome, neuere Opera, safari);

Ich bin auf der Suche nach der webkitTransition Objekt-Referenz function spawnAnimation(what){ //sets the moving element var moveingEl = document.getElementById(what); //gives temp transition property moveingEl.style.WebkitTransition = "left 2s"; //moveingEl.style.webkitTransition = "top 500ms"; var cLeft = moveingEl.style.left var cleft

Ich bin immer ein javascript - (prototype.js) error: Unexpected token ILLEGAL an dieser code-Zeile: newFriend = new friend( response[0].@items[0]._id, response[0].@items[0]._nickName, response[0].@items[0]._profilePicture, response[0].@items[0]._tagLine, response[0].@items[0]._isInvite, response[0].@items[0]._confirm ); response-Objekt sieht wie folgt aus: [{"@type":"[Lcom.photoviewer.common.model.ThinUser;","@items":[{"_id":"000.060318.05022007.00263.0067ur","_nickName":"siraj","_country":null,"_currentStorageLimit":5000000000,"_currentStorage":0,"_currentFileCount":0,"_profilePicture":null,"_tagLine":null,"_membershipLevel":0,"_isRejected":false,"_isInvite":false,"_confirm":false,"_verifiedOn":1170716666000}]}] Ist dies nur geschieht, in der

Ich habe die Suche nach Antworten für das morgen und die Letzte Nacht. Ich die WebKit.NET als einen internen browser zu verspotten, die browser-Aktivität, und ich folgte dem tutorial hier. Also beim erstellen des Formulars, erkläre ich:

Möchte ich zeigen ein sehr breites, Panorama-Bilder in Mobile Safari (iPhone, iPod, iPad). Diese funktionieren in Mac OS X Safari und anderen Browsern, aber der Mobile Safari scheint es ein limit für die maximale Breite des Bildes.

Schrieb ich eine keyframe-animation: @-webkit-keyframes cubemove { 0% { -webkit-transform: translateZ(-194px) rotateY(0deg);} 20% { -webkit-transform: translateZ(-194px) rotateX(-180deg);} 40% { -webkit-transform: translateZ(-194px) rotateX(-90deg);} 60% { -webkit-transform: translateZ(-194px) rotateX(90deg);} 80% { -webkit-transform: translateZ(-488.5px) rotateY(90deg);} 90% { -webkit-transform: translateZ(-488.5px) rotateY(-90deg);}

webkit-css-wie -webkit-border-radius ..usw unterstützt werden, in dem die Browser( außer safari) ? ie6? ie7? ie8? InformationsquelleAutor cometta | 2009-08-20

Ich bin Debuggen einer Safari-spezifischen javascript-Problem, und ich kann nicht Konsole.log um Ausgabe an den error-log. Dies ist ein dokumentierte Funktion von Safari (ich benutze version 4.0.3). Diese Aussagen in meinem code nur scheinen ignoriert zu werden,

Baue ich eine responsive Website, die overlays schieben Sie von der Seite. Das Problem ist auf mobile diese overlays müssen in der Lage sein, zu scrollen, aber ich möchte nicht die Seite hinter zu Blättern. Auf desktop-Einstellung

Ich bin mit der Anwendung dieser css-Klasse: .turn90{ -moz-transform: rotate(90deg); /* FF3.5+ */ -o-transform: rotate(90deg); /* Opera 10.5 */ -webkit-transform: rotate(90deg); /* Saf3.1+, Chrome */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; /* IE8 */ } via:

Zu machen, wie die scrollbar transparent machen? Nur css. Nur für webkit-Browser. Meine code hier. div{ width:410px; height:100px; overflow-y:overlay; border:1px solid green; position:relative; } ::-webkit-scrollbar{ width:20px; } ::-webkit-scrollbar-thumb{ background-color:rgba(0,0,0,1); } Erwägen Sie die Verwendung einer .png InformationsquelleAutor

gibt es keine alternative zur -webkit-transform css-Regeln auf firefox? Dank! InformationsquelleAutor clamp | 2011-09-27

Frage ich mich, ob es irgendeine Sache, die funktioniert wie der ie conditional comment für webkit. Ich möchte die Breite ändern. Beispielsweise <!--[if IE]> <link href="css/ie.css" type="text/css" /> <![endif]--> Vielen Dank im Voraus. IE conditional comments sind

Wie ändere ich die Farbe von -webkit-focus-ring-color? Chrome hat ein Licht blau, die Auseinandersetzungen mit meinem CSS, ich möchte zu ändern, um eine andere Farbe hex, aber halten Sie den rest der Stil (verblasst Rand, Breite) die

Wie kann ich die folgende JavaScript-zurück row so dass ich darauf zugreifen können außerhalb der Transaktion? Alle von apples Beispiel-code zu haben scheint HTML in den browser geschrieben, die innerhalb der Transaktion statt immer die Weitergabe der

Chrome vor kurzem aktualisiert(Version 33.0.1750.117 m) und ich war mit einer benutzerdefinierten scroll-Leiste, weil ich es hasse, dass weiß man. Dieses update kam und dieser code ist nicht die Bewirkung dieser browser nicht mehr. ::-webkit-scrollbar {height: 12px!important;width:

Für einige Grund wenn du ein hintergrund Bild, um eine tr in Safari/Chrome es macht es wie, wenn die Regel gilt für alle td. Firefox: Firefox http://www.whyprime.com/temp/table-firefox.png Safari: Safari http://www.whyprime.com/temp/table-safari.png Fand ich diesen Artikel über ein Update:

Ich brauche, um eine Schleife von 3 mal und 2 Sekunden zwischen jeder iteration. Ich habe versucht, diese 3 Optionen: Option 1 var casper = require('casper').create({ verbose: false, logLevel: 'debug' }); casper.start("http://google.com"); casper.on('remote.message', function(msg) { this.echo('remote message

Wie Sie passen Sie die Schriftgröße ein Android -WebView? Das folgende wird keine Wirkung haben: private void fontSizePlus() { fontSize = (fontSize < FONT_SIZE_MAX) ? fontSize + FONT_SIZE_INCREMENT : fontSize; this.changeFontSize(fontSize); } private void fontSizeMinus() { fontSize

Ist es möglich, zu biegen ein div mit CSS? Irgendeine Art von-webkit-transform... Den Effekt, den ich erstellen möchte ist ein von einem ring Donut-Form aber aus einem Gebogenen div im Gegensatz zu border-radius/Rand tricks EDIT: Use -

Ich versuche, das Programm ein sehr standard-JS-Verhalten für einen link mit einem HREF onClick-handler, und ich stehe vor einem seltsamen problem verursacht durch das, was ich glaube, um Fokus/touch-Modus Verhalten auf Android. Manchmal, wenn ich auf den

Ich habe ein seltsames problem. Meine beiden Versionen von chrome(regelmäßige & Kanaren) verweigern, loop das video, das ich zeige. Oder auch, manchmal loop es zweimal und Stoppt danach. Sonderbar genug, es funktioniert in safari, so dass ich

Ich bin mit web-kit-übergänge in einer iPad-app. Sie funktionieren sehr gut. Aber ich Frage mich, was ich tun würde, um die Werte zu ändern von meinem übergang mit javascript. #container { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1s; -webkit-transition-timing-function: ease-out;