css中background和 background-color 同时使用的优先级

原创于 2019-05-10 23:15:10 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了使用CSS为背景图片设置默认颜色的两种方法。第一种方法直接将背景颜色与图片一起设置，第二种方法则单独定义了背景颜色，这两种方法都能确保在图片未加载时页面不会显得空白。

给背景图片设置,一个默认背景颜色，有以下两种方法：

<style>
  .bg1{
  background:url(http://debug.itxst.com/img/logo.png) red no-repeat; 
    height:80px;width:1000%;
  }
  
    .bg2{
  background:url(http://debug.itxst.com/img/logo.png) no-repeat; 
    height:80px;width:1000%;
    background-color:red;
  }
  
</style>

<div class="bg1">

</div>

<div class="bg2">

</div>

原文： http://www.itxst.com/detail/jnjvv2qu.html