동일한 배경색을 공유하는 절대적으로 인접한 두 요소가 있습니다. 그것들은 내 바탕 화면과 노트북에서 하나의 단일 요소로 보이지만 iPad에서 볼 때 두 요소 사이에 반투명 색상의 얇은 조각 인 명백하게 보이는 "테두리"가 있습니다.iPad의 Safari에서 인접 요소간에 나타나는 슬라이 버를 제거하려면 어떻게합니까?
내가 추측해야 할 것은 벡터 객체가 iOS의 브라우저에서 그려지는 다른 방법 때문이라고 말하고 싶지만, 그것은 내가 한 번 이야기 한 일부 모호한 정보를 기반으로 한 추측 일뿐입니다. 사파리 페이지를 확장하는 경우
가<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<style type="text/css">
#container {
position: relative;
width: 200px;
height: 40px;
background-color: transparent;
}
#left {
position: absolute;
top: 0;
left: 0;
width: 50px;
height: 40px;
background-color: red;
}
#right {
position: absolute;
top: 0;
left: 50px;
width: 150px;
height: 40px;
background-color: red;
}
</style>
</head>
<body>
<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>
</body>
</html>