지난 금요일 갑자기 사이트로부터 모바일 모델 작업자 디스플레이 페이지를 만들어 달라는 요청을 받았습니다. 현장 아티스트가 프로토타입 도면을 보냈습니다.
솔직히 말해서 우리 아티스트들의 미학에 대해 불평하고 싶은데 그게 요점이 아닙니다.
Border에는 특별한 패턴이 필요하기 때문에 border-image를 이용하여 구현할 예정입니다.
.example{ …… border:6px solid transparent; -webkit-border-image:url(../img/border_img.jpg) 6 6 round; border-image:url(../img/border_img.jpg) 6 6 round; …… }
드디어 안드로이드 디스플레이가 정상임을 확인했습니다. IOS 테두리는 표시되지 않습니다.
해결책은 다음과 같습니다.
border:6px solid transparent를 별도의 속성, 즉 border-style 및 border-width로 바꿉니다.
모두에게 도움이 되기를 바랍니다.
[관련 추천]
위 내용은 IOS 페이지 테두리가 표시되지 않으면 어떻게 해야 합니까? 테두리 이미지 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!