(七)前端基础之背景图片,图片超链接存在的问题
一,background background-color和background-image可同时设置,背景颜色会作为背景图片的底色,背景图片默认在元素的左上角显示 background-position:定位背景图片在元素中的位置, 1)top ,right,left,bottom ,center。后面有2个参数,如果只写一个则第二参数默认center 2)通过xpos,ypos指定水平/垂直偏移量,值可是负数 background:position:100px 50px background-attachment:设置背景图片是否固定或随着页面的其他部分滚动 1)scroll:默认值,会随着滚动条滚动 2)fixed:不随滚动条滚动,定位永远相对浏览器窗口(不随窗口滚动的图片一般都设置给Body,不设置给其他元素) 二,将图片作为超连接背景图实现按钮效果时(link,hover,active各一张曝光不同的照片),在第一次鼠标移入切换图片时会闪烁一下 出现的原因:背景图片以外部资源的形式加载进网页的,浏览器每加载一个外部资源就需要单独的发送一次请求(网页中有一个外部资源就需要发送2次请求,网页本身一次+外部资源),外部资源不是同时加载的,浏览器会在资源被使用时才去加载 在这个案例中,一开始浏览器只会加载link.png由于hover和active的状态没有马上触发