[分享]css不兼容页面会不显示吗

在网页制作中，CSS（层叠样式表）是不可或缺的一部分，它可以让我们对网页进行丰富的样式和布局操作。然而，CSS存在不兼容的问题，当网页在某些浏览器上不能正确地呈现出CSS效果时，会出现页面不兼容的情况...

在网页制作中，CSS（层叠样式表）是不可或缺的一部分，它可以让我们对网页进行丰富的样式和布局操作。然而，CSS存在不兼容的问题，当网页在某些浏览器上不能正确地呈现出CSS效果时，会出现页面不兼容的情况。

页面不兼容主要表现在两个方面，一是页面排版混乱，二是页面样式显示异常。对于这种情况，我们需要了解不同浏览器对CSS的支持程度，及时调整CSS代码，以确保页面在各大主流浏览器上的正确显示。

/* 以下是一个例子，展示如何解决页面不兼容问题 */

/* 不兼容代码 */
.example{
    -webkit-box-shadow: 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px #666;
    box-shadow: 2px 2px 2px #666;
}

/* 兼容代码 */
.example{
    box-shadow: 2px 2px 2px #666;
    -webkit-box-shadow: 2px 2px 2px #666;
    -moz-box-shadow: 2px 2px 2px #666;
} 

在这段样式代码中，我们可以看到用到了CSS3的box-shadow属性。为了兼容不同的浏览器，我们需要添加不同前缀的属性，比如-webkit-和-moz-，以确保页面在不同浏览器上正确显示。这是CSS不兼容页面所需要注意的地方。

总的来说，当页面存在css不兼容的问题时，我们应该对不兼容代码进行修改，正确使用各种前缀的属性，这样可以保证页面样式的兼容性和稳定性。