W najnowszych wersjach Firefoksa poziomylinie zmieniają grubość, gdy strona przewija się na jednej z moich stron. Jeśli przewijam stronę, aż linia stanie się cienka lub zniknie i pozostawi ją na miejscu, pozostanie w ten sposób (samo przewijanie nie stanowi problemu, pozycja na ekranie jest). Te linie są generowane we właściwości border-bottom komórek tabeli. Próbuję włączyć dolną granicę każdego td, aby utworzyć poziomą regułę między każdym tr.
IE, Chrome i Safari zachowują się. W FF, jeśli zmienię właściwość zwijania obramowania na „oddzielne”, od „zwinięcia”, linie zachowują się, ale mam niechciane przerwy w linii, między każdym td.
Patrząc na model pudełkowy elementu td wFirebug, 3px border-bottom jest konwertowany na 1px górną krawędź i 1px dolną granicę. Obramowanie na dole o szerokości 12 pikseli jest konwertowane na górną granicę 5 pikseli i dolną krawędź na 6 pikseli.
Nie byłem w stanie powtórzyć tego zachowaniajsfiddle, więc musi istnieć jakaś inna właściwość, która tworzy artefakty. Dlatego nie mam zbyt wielkiej nadziei na uzyskanie użytecznej odpowiedzi, chyba że ktoś dzieje się walczyłem już w tej bitwie i uznajeobjawy. Robię moje linie grubsze i jaśniejsze w kolorze, aby na razie zepsuć ten problem. Efekt nadal występuje, ale oko nie zauważa go tak często, gdy linie są grube.
Nie sądzę, że wolno nam publikować adresy URL, w przeciwnym razie opublikowałbym przykładową stronę z witryny na żywo.
Odpowiedzi:
-1 dla odpowiedzi nr 1daj margines-dół -1 rozwiąże problem.