Otrzymuję dziwny błąd w przeglądarkach w iOS7, gdzie czarne linie pojawiają się wokół elementów div. Ale kiedy zbliżasz się do elementu, linie te zanikają. Czy ktoś ma pomysł, co powoduje ten dziwny błąd? W iOS6 nie było żadnych linii. To się dzieje pod tym adresem: http://www.tristanfrencken.com/Zestaw przeglądarek ios 7 czarny granic wokół elementów div
Mam nadzieję, że ktoś mógłby mi w tym pomóc!
To dziwne, wydaje się być wyzwalane, gdy element jest naprawiony ORAZ ma kolor tła, ale tylko w IOS7, a nie, jeśli ma obraz tła. Powiedziałbym to jako błąd w przeglądarce, ale jako obejście tego problemu można teraz użyć jednolitego białego obrazu, pokrytego kafelkiem, jako tła nagłówka.
To wydaje się być błędem w iOS7, a także w najnowszej wersji Safari na OSX Maverick. Nakładające się elementy z kolorem tła wydają się "zagęszczać" ich kontury powodując to dziwne zachowanie. Rozpaczliwie szukam rozwiązania tego.
zacząłem nowy temat o tym tutaj iOS7/Mavericks Safari strange element border behaviour
to się ze mną dzieje i że miał do czynienia z meta tag umożliwiający zoom
Podobno iOS Safari ma problem ze zmiana rozmiaru rzeczy i tworzy, że artefakt
Stosowanie znacznika meta wyłączyć zoom rozwiązać mój problem (użytkownika skalowalne = no)
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
To nie Naprawdę rozwiązuje problem, zwłaszcza jeśli chcesz, aby strona była możliwa do powiększenia ... – Greg
Wygląda na to, że jest to problem bezpośrednio w webkicie (https://bugs.webkit.org/show_bug.cgi?id=124541).
We hade ten sam problem w naszej aplikacji internetowej, gdzie kontener div elementy z kolorem tła i pozycjonowanie stałe dostanie czarne krawędzie przy różnych wartościach ogniskowych w iOS 7.
Nasze pierwsze rozwiązanie zaangażowany konwersji kolorów tła do base64 adresów URL który działał dość dobrze, ale nie był wystarczająco elastyczny.
Zamiast tego pozbyliśmy się czarnych granic, stosując border-radius: 1px; do elementów kontenera, które usunęły wszystkie czarne ramki. Wartość jest na tyle niska, że nie jest widoczna.
dziwnie, że promień obramowania działa –
Use „background-image” własność z tymi samymi wartościami gradientu:
background-image: -webkit-linear-gradient(top, #your_color, #your_color);
można dać trochę więcej szczegółów, takich jak to, co styl obramowania używasz itd.? Ponadto może zawierać zrzut ekranu lub dwa? – neelsg
Próbowałem dodać zrzut ekranu, ale nie mogłem jeszcze opublikować obrazu. Problem wydawał się leżeć w plugin jQuery Isotop, którego używałem. Zmieniłem go na dodatek do muru, a teraz granice już minęły. W dolnej części nagłówka widoczna jest ramka, która ma ustaloną pozycję: stała. Myślę więc, że ma to coś wspólnego z tą pozycją. Nie mam żadnych stylów granicznych w moim CSS dla tych elementów. – Kneep