移动Chrome中重复背景/图像的概述

时间:2017-03-22 21:01:07

标签: android css css3 google-chrome

enter image description here

在移动Chrome浏览器中,背景边缘有微弱的线条和border-image s,如此截图所示(砖块底部和绿色标题内侧。)

我已经看到它在SO上提到重复的背景(在我的情况下图像有repeat-x)但是我没有看到提到的border-image情况(截图中的边框有绿色,然后background-color设置为相同的绿色。)

有没有人解决这个问题?我最近在手机上安装了Android 4.4,这个错误一直持续到那时。谢谢!

编辑:

以下是这些元素的CSS:

#content { /* div the background is on */
        background-image: url('/media/top.png');
        background-repeat: repeat-x;
        background-position: left top;
}
h1 { /* headings (green boxes */
        border: 30px solid transparent;
        border-radius: 10px;
        padding: 0px;
        background-color: #25552e;
        border-image: url('media/border.png') 33.3% round;
        color: white;
}

0 个答案:

没有答案