Question

我在三个浏览器中测试了代码并且运行良好

然而，当我从另一台质量稍低的计算机上查看它时，唯一有效的是正常的文字颜色，没有别的......

代码出了什么问题？

body {          
    background: #CCCCCC;            
}

td {            
    font-family: Arial;         
}

table.border {          
    background: #0000FF;            
}

.thead {            
    background: #0000FF;
    color: #FFFFFF;         
}

.thead a {          
    color: #00FFFF;             
}

.thead a:hover {            
    color: #FF0000;             
}

.tbody {            
    background: #FFFFFF;
    color: #000000;         
}

a {         
    color: #0000FF;         
}

a:hover {           
    color: #FF0000;         
}

input,textarea {            
    background: #FFFFFF;
    border: solid 1px #0000FF;
    color: #0000FF;         
}

input.button {          
    background: #FFFFFF;
    border: solid 1px #0000FF;
    color: #0000FF;         
}

Answer 1

我的猜测是浏览器正在读取CSS属性并期望其他值。你应该尝试替换

background

与

background-color

Answer 2

border应符合1px solid #0000FF的顺序。

我会写background-color，但background也应该有用。

Answer 3

此计算机上的浏览器版本号是否与您测试的其他计算机不同？而且，“低质量图形”是什么意思？浏览器有不同的图形设置（这肯定会导致这种情况），或者显示器/视频卡是旧的？

Answer 4

它们可能不属于“网页安全”颜色。看到这里：

http://en.wikipedia.org/wiki/Web_colors

Answer 5

您确定这个CSS存在问题，而不是链接到样式表或样式表的问题吗？

我知道有些浏览器（Firefox等）在涉及到这样的问题时会更宽容......

Answer 6

您可以使用border: solid 1px #0000FF;。这也是正确的，也许文件不包含在你的HTML文件中，上传完整的文件，所以我们可以提供帮助

这个CSS有什么问题？

6 个答案: