用记事本做简单网页设计,如何让背景图片不覆盖页面内容?

2020-05-26 科技 131阅读

①出现这种问题的原因,可能是你使用了img标签来作为背景图,这种方法不是不可以,需要设置position和z-index。

②常用的方式使用背景设置background来解决


示例如下:

body { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }


background 简写属性在一个声明中设置所有的背景属性。

可以设置如下属性:

background-color、background-position、background-size、background-repeat、background-origin、background-clip、background-attachment、background-image

如果不设置其中的某个值,也不会出问题,比如 background:#ff0000 url('smiley.gif'); 也是允许的。

通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com