>웹 프론트엔드 >H5 튜토리얼 >IOS 페이지 테두리가 표시되지 않으면 어떻게 해야 합니까? 테두리 이미지 예제 튜토리얼

IOS 페이지 테두리가 표시되지 않으면 어떻게 해야 합니까? 테두리 이미지 예제 튜토리얼

零下一度
零下一度원래의
2017-05-12 12:02:502506검색

지난 금요일 갑자기 사이트로부터 모바일 모델 작업자 디스플레이 페이지를 만들어 달라는 요청을 받았습니다. 현장 아티스트가 프로토타입 도면을 보냈습니다.

[移动端] IOS下border-image不起作用的解决办法0
솔직히 말해서 우리 아티스트들의 미학에 대해 불평하고 싶은데 그게 요점이 아닙니다.

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로 바꿉니다.

아아아

모두에게 도움이 되기를 바랍니다.

[관련 추천]

1. 무료 h5 온라인 동영상 튜토리얼

HTML5 정식 버전 매뉴얼

3. php.cn 원본 html5 동영상 튜토리얼

위 내용은 IOS 페이지 테두리가 표시되지 않으면 어떻게 해야 합니까? 테두리 이미지 예제 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.