html - ISSUE: Border-Image 在 safari 而不是 chrome 上拉伸
问题描述
我正在为客户建立一个控股网站,我已经在我的代码中添加了一个边框图像,但它在 safari 上不起作用。但是,它在 Chrome 上运行良好。我已经检查了与此问题类似的当前帖子,但是我仍然没有设法找出问题所在。有什么想法吗?
谢谢!
问题 Screengrab attach here //它应该是什么样的 screengrab
#wrapper{
border-style:solid;
border: 15px solid;
width: 100%;
height: 100%;
box-sizing: border-box;
margin: 0;
-moz-border-image: url(border-brown.png) 33.33% round;
border-image: url(border-brown.png) 33.33% repeat;
border-image-repeat: round;
transition: 0.5s;
overflow: hidden;
-webkit-backface-visibility:hidden;
}
解决方案
推荐阅读
- amazon-s3 - 来自 s3 的 druid 中的 Delta Ingestion
- html - Div 包含其他 Div,即使它没有孩子
- python - KivyMD - 如何使用 KivyMD BottomNavigationItems 和屏幕本身内的按钮在屏幕上导航?
- routes - 如何在 NestJs 中实现媒体类型版本控制?
- regex - 正则表达式/方法来评论日文文本
- excel - 保存 Excel 工作簿会导致用户窗体错误地响应 TAB 和 KeyDown 事件(但在代码环境中保存不会!)
- python - 我在新版本的 python 3.8 中遇到了下面提到的错误。任何人都可以建议如何解决它?
- r - 按行名排列数据框行
- python - 如何访问 GridSearchCV 中的 ColumnTransformer 元素
- angular - 来自 SO 的 Angular GetCookie 方法不再起作用