Ошибка теневого распространения в WebKit в iOS 7 на iPad Retina

Я нашел то, что кажется ошибкой в ​​WebKit для iOS 7, но только на iPad 3 и 4, что лишает меня возможности полагать, что это связано с аппаратными средствами.

Ошибка. Если я добавлю значение спреда (четвертое значение) в тени теней CSS, вся тень исчезнет. Я выставил здесь экзамен.

Может ли кто-нибудь еще подтвердить эту ошибку на iPad 3 и 4 с iOS 7?

Еще проблема в IOS 7.0.4.

Добавьте радиус границы в один пиксель, чтобы заставить браузер отображать тень в ландшафтном режиме и при масштабировании.

border-radius: 1px; 

Еще более странно, что я рассматривал ту же проблему.

Если вы используете вставку, вы можете определить свой спред, а затем он работает нормально!

Другим прекрасным фактом является то, что ваш dropshadow исчезнет, ​​когда вы превратите свой ipad в альбомный режим.

Это довольно раздражающая ошибка!

У меня была аналогичная проблема на iPad mini w / iOs 7.0.3 проблема возникла как в сафари, так и в хроме

  1. поле ввода с тенью вставки не появилось вообще, независимо от масштаба
  2. Появилась тень div drop, но при увеличении масштаба в строке и последующем увеличении скрыть линию.

Я нашел в другом потоке это решение:

«Попробуйте добавить -webkit-appearance: none; , потому что iOS имеет тенденцию испортить формы».

и он решил проблемы!

Здесь что-то похожее. Применяется тег-тень к элементам изображения. Он показывает штраф при масштабировании = 1. Но если вы увеличите масштаб, он исчезнет на iPad 3 с iOS 7.

Используемый код CSS:

 #photostrip > img { -webkit-box-shadow: 0px 6px 8px rgba(0,0,0,0.33); -moz-box-shadow: 0px 6px 8px rgba(0,0,0,0.33); box-shadow: 0px 6px 8px rgba(0,0,0,0.33); } 

Та же проблема с iPad Air / iOS 7 🙁

Настройка -webkit-appearance не помог, и не был border-radius .

Я использовал следующий CSS для его исправления (он позволяет использовать настройку распространения в других браузерах и переопределяет только для webkit / iOS):

 .box_shadowed { box-shadow: 2px 2px 4px 2px #ccc; -webkit-box-shadow: 2px 2px 4px #ccc; } 

У меня была такая же проблема на iPad 4 с iOS7. Когда я устанавливаю тень CSS-блока для элемента, он выглядит так, как предполагалось, в виде портрета iPad. Но когда я поворачиваю iPad в альбомный вид, тень коробки исчезает.

Я попробовал решение StrandedPirate – добавив радиус границы 1px к элементу, и он сработал! Это решение может быть неприменимо для всех случаев, но для моего случая оно приемлемо.

У меня была та же проблема и добавлен border-radius:1px чтобы исправить это.

  • WKWebKit: нет параметров dataDetectorTypes
  • фиксированная позиция сломана на contentEditable Safari ios webkit
  • iOS Webkit не работает на устройстве, но работает на симуляторе при быстром
  • iOS HTML Input Tag останавливает прокрутку в прокручиваемом элементе
  • -webkit-overflow-scrolling: touch разбивает мой -webkit-scrollbar css в iOS
  • Отключить усиление в WKWebView
  • Быстрый переход в UIWebView и WKWebView
  • Как получить слово в указанном месте на WKWebView?
  • Поддерживает ли webKit в iOS 11 (бета) поддержку WebRTC?
  • iOS5 -webkit-overflow-прокрутка вызывает остановку работы сенсорных событий
  • Сбой: WebThread - EXC_BAD_ACCESS KERN_INVALID_ADDRESS
  • Interesting Posts

    iOS – Objective-C не может деактивировать ячейку с идентификатором

    SWRevealViewController nib cell не выполняет segue

    Мимический подход UIStackView `fill пропорционально 'в версии iOS до 9.0

    Цвет невидимого кругового штриха в SKSpriteNode (iOS)

    Подключение: AppDelegate, ViewController и XIB

    MPMoviePlayer – черный экран – iOS 5 – нет воспроизведения видео

    Возможно автоматическое обновление корпоративного приложения во время работы в режиме управляемого доступа?

    Как построить маршрут между двумя точками в iOS Swift с помощью mapView и CLLocationManager

    NSMutableAttributedString initWithData: вызывать EXC_BAD_ACCESS при вращении

    Внедрение NSUndoManager

    Что такое «значение мусора» в «Левом операнде« / »является предупреждение об ошибке для мусора, генерируемое« Build & Analyze »?

    Добавить значок оповещения Push to UIButton

    Как проверить безопасный анклав доступен на устройстве или нет

    Не удалось проверить подпись кода WatchKit

    Как остановить множественное нажатие UIButton?

    Давайте будем гением компьютера.