Question

我正在研究一些CSS，我确实注意到应该有问题。 CSS在桌面版和我的Sony Xperia Z3上都非常完美。但是它不能在我的三星平板电脑上做它应该做的事情。

无论如何这是我的CSS。

.normal {
    background-image: url('halftone.png');
    margin: auto;
    padding: 5px;
    background-repeat: repeat;    
    min-height: 100px;
}

.normal1 {
    background-image: url('halftone.png');
    padding: 5px;
    float:left;
    margin-bottom: 10px;
    background-repeat: repeat;    
    min-height: 100px;
}

.normal2 {
    background-image: url('images/bg.png');
    margin-bottom: 10px;
    width: auto;
    padding: 5px;
    float:right;
    background-repeat: repeat;    
    min-height: 100px;
}

#bar {
    padding: 5px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bolder;
    font-size: 16px;
    text-align: center;
    text-shadow: 0px 0px rgba(0,8,33,1.00);
    vertical-align: middle;
    background-image: url('images/bar.png');
    background-repeat: repeat;
    width: auto;
}

所以它没有显示我的背景图像

但有趣的是;这段代码确实有用

#news {
    background-image: url('back.png');
    background-repeat: repeat;
    padding: 5px;
    font-size: 15px;
    width: auto;
}

HTML类似

<div class="normal1"> 
    <div id="bar">TITLE HERE</div>
    lot's of text
</div>

所以我知道我缺少什么？

此外，背景图像不会显示（只有500px x 500px的图像应该重复，就像其他div中的图像一样）。仅显示背景颜色。

Answer 1

我明白了，

这是因为我的三星平板电脑屏幕非常“浅黑”，因此深色背景颜色很容易消失。

DIV中的背景不会出现在三星平板电脑上

1 个答案: