美文网首页
背景图与背景色的问题

背景图与背景色的问题

作者: Arnold_Z | 来源:发表于2016-11-10 09:31 被阅读94次

背景图与背景色都设置,显示谁?

显示背景图,如图:

红色为背景色,小图为背景图,图在背景色上
div{
  height: 300px;
  width: 300px;
  background: red;
  background-image: url(img/background.jpg);
  background-repeat: no-repeat;
}


有些网站既有背景图也有背景色,为什么?

不光是网页body如此,页面里的div、表格有了背景图依然应该设置一个背景色(跟背景图颜色差不多,至少跟文字颜色明显不同)。
毕竟有时会出现背景图无法打开的情况,这种情况下如果文字是白色而背景色是默认的白色的话,文字就看不出了。
完成一个网页的制作之后,尝试把存放图片的文件夹改名让网页呈现无图状态,看看光文字是否可读。
针对css文件,也应该做一次同样的测试,看看css文件没有被调用的情况下的状态。

千万别认为人人都是稳定、高速的上网。

作者:张石
链接:https://www.zhihu.com/question/23710470/answer/25427949
来源:知乎
著作权归作者所有,转载请联系作者获得授权。

相关文章

  • 背景图与背景色的问题

    背景图与背景色都设置,显示谁? 显示背景图,如图: 有些网站既有背景图也有背景色,为什么? 不光是网页body如此...

  • 背景图片

    给整体页面加背景色:background-color:blue 背景图与背景色都设置,优先显示背景图 用图片当做背...

  • CSS

    常用 注意区分大小写 带空格的字体记得加引号 使用背景图的时候最好指定背景色,这样至少能保证背景图加载出现问题时文...

  • CSS基础-02 background(背景色)(背景色 bac

    1. 背景色 1.1 语法 1.2 示例 结果显示image.png 2. 背景图 1.1 语法 使用背景图 不平...

  • Flutter UI - Decoration,Flutter

    Flutter 的 Decoration 就是 android 的 shape,可以设置:背景色 背景图 边框 圆...

  • 关于CSS样式 基本标签使用(个人总结)

    一 .背景 1 . background-color 背景色 2 . background-image 背景图...

  • css4

    CSS 背景 背景色 p {background-color: gray;} 背景图像 background-im...

  • 2018-02-01 background复合写法

    参数说明background-color 背景色background-image 背景图b...

  • 颜色和背景

    背景色 background-color 默认值:transparent,透明色 背景图像 background-...

  • [API] UITextField

    单行可编辑文本区域 创建 设置外观 边框样式 背景色 背景图片/ enable 为 NO 时背景图片 覆盖 Vie...

网友评论

      本文标题:背景图与背景色的问题

      本文链接:https://www.haomeiwen.com/subject/bjotpttx.html