问

边境图像没有在野生动物园中显示

1021365712_3a478e 发布于 2023-02-04 19:18

safari

chrome

html

sum

边框图像未显示在Safari或平板电脑和移动设备上.它在FF,IE,Chrome和Opera中都很好用.

这是HTML:


    
        
        Room 1
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam
        MORE INFORMATION

和css

.rooms {
    border: 15px solid transparent;
    color: #fff;
    padding: 5px;
    border-image: url("../images/paint-blk.png") fill 21 repeat;
}

更多信息:我正在使用Bootstrap v3.0.3.页面正在验证.在FireBug中,边框正在通过,颜色,填充,但不是图像.

1 个回答

我在寻找Safari 10.0同样问题的解决方案时发现了这篇文章.我能够找到一个解决方案,并希望分享它,以防有人遇到同样的问题.通过删除边框速记属性并将其替换为border-style和border-width来解决此问题.

这是我之前的代码,不工作:
```
 .borderWrap{

    border: solid 34px transparent;
    border-image: url(../images/spriteOneFrame.png) 34 34 round;
 }
```
新代码工作:
```
.borderWrap{

    border-style: solid;
    border-width: 34px;
    border-image: url(../images/spriteOneFrame.png) 34 34 round;
}
```
2023-02-04 19:19 回答

古涵生

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签