当前位置: 代码迷 >> HTML/CSS >> css兼容性异常
  详细解决方案

css兼容性异常

热度:543   发布时间:2012-11-05 09:35:12.0
css兼容性错误
@CHARSET "UTF-8";
/* CSS Document */
body,td,th {
font-size: 12px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
}
body {
background-color:#F8F8F8;
}
a {
font-size: 12px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}
.bgcolor1{
background-color:#dcdbdf;
line-heignt:10px;
}
.bgcolor2{
background-color:#0a0709;
}
.bgcolor3{
background-color:#dcdbdf;
BORDER-TOP:1px #000000 solid;
border-left:1px #000000 solid;
border-right:1px #000000 solid;
}
.wordcolor1{
color:#000000;
font-size:36px;
}
.wordcolor2{
color:#000000;
font-size:16px;
}
.wordcolor3{
color:#000000;
font-size:22px;
}
.border0{
BACKGROUND-COLOR: #FFFFFF;
BORDER-BOTTOM:1px #4d4d4d solid;
BORDER-LEFT:1px #4d4d4d solid;
BORDER-RIGHT:1px #4d4d4d solid;
BORDER-TOP:1px #4d4d4d solid;
}
.border{
BACKGROUND-COLOR: #FFFFFF;
BORDER-BOTTOM:1px #4d4d4d solid;
BORDER-LEFT:1px #4d4d4d solid;
BORDER-RIGHT:1px #4d4d4d solid;
BORDER-TOP:1px #4d4d4d solid;
font-size:17px;
height:20px;
width:180px;
}
.border1{
BACKGROUND-COLOR: #FF6600;
font-size:16px;
color:#FFFFFF;
height:30px;
width:80px;
cursor: pointer;
}
.border3{
BACKGROUND-COLOR: #ffffff;
BORDER-BOTTOM:1px #4d4d4d solid;
BORDER-LEFT:1px #4d4d4d solid;
BORDER-RIGHT:1px #4d4d4d solid;
BORDER-TOP:1px #4d4d4d solid;
height:224px;
width:400px;
}
.border4{
BACKGROUND-COLOR: #FF6600;
font-size:24px;
color:#FFFFFF;
}
.border9{
BACKGROUND-COLOR: #ffffff;
font-size:24px;
color:#000000;
}
.border10{
BACKGROUND-COLOR: #FF6600;
font-size:24px;
color:#000000;
}

.Bottom{
border-bottom:1px #000000 solid;
border-left:1px #000000 solid;
border-right:1px #000000 solid;
}

------解决方案--------------------
属性名要么全都大写,要么全都小写。。。
------解决方案--------------------
格式化过了,有时候DREAMWEAV不准,以实际浏览器为准把。

CSS code


@charset "utf-8";
    /* css document */
body,td,th {
    font-size:12px;
    margin-left:0px;
    margin-top:0px;
    margin-right:0px;
}
body {
    background-color:#f8f8f8;
}
a {
    font-size:12px;
}
a:link {
    text-decoration:none;
}
a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:none;
}
.bgcolor1 {
    background-color:#dcdbdf;
    line-heignt:10px;
}
.bgcolor2 {
    background-color:#0a0709;
}
.bgcolor3 {
    background-color:#dcdbdf;
    border-top:1px #000000 solid;
    border-left:1px #000000 solid;
    border-right:1px #000000 solid;
}
.wordcolor1 {
    color:#000000;
    font-size:36px;
}
.wordcolor2 {
    color:#000000;
    font-size:16px;
}
.wordcolor3 {
    color:#000000;
    font-size:22px;
}
.border0 {
    background-color:#ffffff;
    border-bottom:1px #4d4d4d solid;
    border-left:1px #4d4d4d solid;
    border-right:1px #4d4d4d solid;
    border-top:1px #4d4d4d solid;
}
.border {
    background-color:#ffffff;
    border-bottom:1px #4d4d4d solid;
    border-left:1px #4d4d4d solid;
    border-right:1px #4d4d4d solid;
    border-top:1px #4d4d4d solid;
    font-size:17px;
    height:20px;
    width:180px;
}
.border1 {
    background-color:#ff6600;
    font-size:16px;
    color:#ffffff;
    height:30px;
    width:80px;
    cursor:pointer;
}
.border3 {
    background-color:#ffffff;
    border-bottom:1px #4d4d4d solid;
    border-left:1px #4d4d4d solid;
    border-right:1px #4d4d4d solid;
    border-top:1px #4d4d4d solid;
    height:224px;
    width:400px;
}
.border4 {
    background-color:#ff6600;
    font-size:24px;
    color:#ffffff;
}
.border9 {
    background-color:#ffffff;
    font-size:24px;
    color:#000000;
}
.border10 {
    background-color:#ff6600;
    font-size:24px;
    color:#000000;
}
.bottom {
    border-bottom:1px #000000 solid;
    border-left:1px #000000 solid;
    border-right:1px #000000 solid;
} 
  相关解决方案