Safari на iPad изобразява цвят на фона като рамка около фоново изображение

Този бъг вече беше обсъждан тук, но все още не съм намерил решение за него.

Има малки линии в горната и долната част на моето фоново изображение, което изглежда е цветът на фона. Височината на фоновото изображение и височината на контейнера са еднакви (29px) и изображението не е прозрачно, а по-скоро с бял фон. Върху контейнера изобщо няма рамка, така че това ме оставя малко стъписан. Това изглежда добре в Safari на Mac, но показва горния проблем на iPad.

html:

<a class="help" href="/bg#">Help</a>

css:

.help {
color: #fff;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
background-image: url(../img/help.png);
background-repeat: no-repeat;
background-color: #ee3224;
height: 29px;
line-height: 29px;
padding: 0 10px 0 26px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
}

ipad safari rendering
person lynnwashere    schedule 29.11.2011    source източник

Отговори (3)


arrow_upward
4
arrow_downward

Точно как работи CouchDB. Той разделя стойностите от изгледа въз основа на b-дървото и след това ги предава на партиди към функцията за намаляване. След това, когато всяка партида бъде предадена на редукция, тя предава резултатите обратно в редукция с rereduce=true. Така че не можете да разчитате, че целият набор от данни присъства в дадено извикване на вашата функция за намаляване.
person Luke Chapman    schedule 08.02.2013

arrow_upward
3
arrow_downward

Намерих решение за това.

Съвсем просто е, просто използвайте:

background-clip: content-box;
background-size: cover;

където са зададени фоновият цвят и фоновото изображение.

person user3301845    schedule 12.02.2014
comment
След като изпробвах над дузина предложения, това най-накрая проработи за мен. Част от моя проблем беше, че имах нужда от overflow:hidden на този div и другите предложения свършиха работа, ако го променя на visible. Както и да е, това проработи! - person Armin; 15.06.2017

arrow_upward
0
arrow_downward

Тъй като имам подложка на кутията, където се случва този бъг, какво направи трикът за мен е:

background-clip: padding-box;
person alesub    schedule 07.02.2016