Запитання з тегом «webkit»

У мене є сайт, який в основному призначений для користувачів мобільних пристроїв, але також настільних ПК. На мобільному Safari використання <input type="number">відмінно працює, оскільки воно відображає цифрову клавіатуру на полях введення, яка повинна містити лише цифри. Однак у Chrome та Safari за допомогою цифрових входів у правій частині поля відображаються …

203 css  html  webkit 

Чи можливо використовувати анімацію переходу CSS3 для завантаження сторінки без використання Javascript? Це щось таке, що я хочу, але при завантаженні сторінки: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Що я знайшов поки що CSS3 перехід-затримка , спосіб затримки впливу на елементи. Працює лише на наведення. CSS3 Keyframe , працює на навантаженні, але надзвичайно повільний. Не …

196 css  webkit  css-transitions  css-animations 

Я знаю, що в Safari на iPhone ви можете виявити орієнтацію екрана та зміну орієнтації, прослуховуючи onorientationchangeподію та запитуючи window.orientationкут. Чи можливо це в браузері на телефонах Android? Щоб було зрозуміло, я запитую, чи можна обертати пристрій Android за допомогою JavaScript, який працює на стандартній веб-сторінці. Це можливо на iPhone, …

187 javascript  android  webkit 

З огляду на HTML DOM ID, як отримати позицію елемента щодо вікна в JavaScript / JQuery? Це не те саме, що відносно документа або батьківського зміщення, оскільки елемент може знаходитися всередині iframe або деяких інших елементів. Мені потрібно отримати розміщення на екрані прямокутника елемента (як у положенні та розмірі), як …

168 javascript  jquery  ipad  webkit  webview 

Поведінка WebKit / Blink (Safari / Chrome) за замовчуванням на MacOS з 10.7 (Mac OS X Lion) - це приховати смуги прокрутки від користувачів трекпадів, коли вони не використовуються. Це може заплутати ; смуга прокрутки часто є єдиною візуальною підказкою, за допомогою якої елемент можна прокручувати. Приклад ( jsfiddle ) …

162 css  macos  webkit  scrollbar  blink 

Я помітив публікацію в блозі від Google, в якій згадується можливість вставлення зображень безпосередньо з буфера обміну в повідомлення Gmail, якщо ви використовуєте останню версію Chrome. Я спробував це з моєю версією Chrome (12.0.742.91 бета-м), і він чудово працює за допомогою керуючих клавіш або контекстного меню. З цієї поведінки мені …

148 javascript  html  google-chrome  webkit 

Я хочу зробити обертання мого значка завантаження CSS. У мене є піктограма та наступний код: <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> Але це не працює. Як можна повернути піктограму …

146 css  animation  webkit 

Таблиця стилів користувацьких агентів для Chrome надає радіус межі 5 пікселів у всі кути <select>елемента. Я намагався позбутися цього, застосувавши радіус 0px через свій зовнішній таблицю стилів, а також вбудований у сам елемент; Я спробував border-radius:0pxі те, -webkit-border-radius:0px;і я спробував ще більш конкретний border-top-left-radius:0px(разом з його -webkit еквівалентом). Жоден не …

143 select  webkit  css 

У мене виникають проблеми з пошуком документації для цього. Це Safari специфічно? Нещодавно з’явилася помилка в iOS 9 ( тут ), вирішення якої - додавання shrink-to-fit=noдо метавиду перегляду. Що робить цей код?

143 html  safari  webkit  ios9  viewport 

Я витратив досить багато часу, намагаючись з’ясувати, чому відео вбудоване, як тут: <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> починає відтворюватися автоматично, коли сторінка завантажується у FireFox, але не може робити автовідтворення у веб-браузерах на базі Webkit. Це траплялося лише на деяких випадкових …

134 javascript  html  google-chrome  safari  webkit 

Я вже бачив цю публікацію і спробував усе, що міг, щоб змінити накладки для свого заповнювача, але на жаль, схоже, він просто не хоче співпрацювати. У всякому разі, ось код для css. ( EDIT : Це створений css від sass) #search { margin-top: 1px; display: inline; float: left; margin-left: 10px; …

133 html  google-chrome  webkit  css 

Chrome (або будь-який інший веб-браузер) кидає тону цих "Небезпечних спроб JavaScript отримати доступ до кадру з URL-адресою ...", наприклад, при роботі з API Facebook. Це не заважає реальній роботі, але робить консоль javascript в основному непридатною. Мені хотілося б знати, чи є спосіб придушити ці помилки саме в консолі? Або …

129 javascript  facebook  google-chrome  webkit  facebook-opengraph 

Схоже, нещодавно оновлено Google Chrome, яке викликає розмиття тексту після виконання transform: scale(). Конкретно я роблю це: @-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); } } Якщо ви відвідаєте http://rourkery.com в …

126 google-chrome  css  webkit  transform  css-animations 

Я усвідомлюю, що можна вказати спеціальну графіку як символ заміни кулі, використовуючи атрибут CSS: list-style-image А потім надавши йому URL. Однак у моєму випадку я просто хочу використовувати символ "+". Мені не хочеться створювати для цього графіку, а потім вказувати на неї. Я скоріше просто доручу невпорядкованому списку використовувати символ …

125 html  css  webkit  mobile-webkit 

У мене є додаток, куди я завантажую вміст у файл UIWebViewі представляю це. Я не можу повністю відключити взаємодію користувачів, оскільки хочу, щоб користувач міг натискати посилання. Мені просто потрібно відключити вибір користувача. Я десь в Інтернеті знайшов, що ви можете використовувати: document.body.style.webkitUserSelect='none'; Я спробував вставити це як [self.contentView stringByEvaluatingJavaScriptFromString:@"document.body.style.webkitUserSelect='none';"]; …

121 ios  uiwebview  webkit  ios4  mobile-webkit