galliliu

张哥,你好。我在看这"连续的图像边框"这节的时候发现一个问题。作者使用简明的background属性跟不使用的实现效果有细微的差别。两种代码写法如下：  两种代码的效果如下图：  上面的是不使用background的简明属性的效果，下面则是使用background简明属性的效果。为什么会这样子呢？于是我打开google开发者工具，发现浏览器对这两种写法解析出来的值是不一样的。区别在于背景定位background-position-y属性不同，不使用简明属性的写法解析得到的background-position-y为0%，另一个则是50%，也就是说第二种的代码会使背景图片有一个向下的偏移。w3c规范里面也说道：“如果过背景的定位属性只规定一个，那么另一个就为50%。”，因此在简明属性中把图片背景的定位属性修改为0 0才一致，如下： background：linear-gradient(white,white) padding-box, url(stone-art.jpg) border-box 0 0 / cover; 想偷点懒都不行:-( 

不客气 2017-08-06 18:46 GMT+08:00 CSS魔法 : > @GalliLiu > 谢谢反馈，这相当于原书的一个错误，我稍后会更新到 勘误表 > 中。 > > — > You are receiving this because you were mentioned. > Reply to this email...