是否可以相对于不同部分的中心或屏幕尺寸的中心定位图像？
我正在尝试在3个部分放置一个大约2.28：1宽的徽标，这样它就会覆盖每个单独的部分背景而不是整个行背景。
此外，我想（尽管不是绝对必要）每个部分和徽标的每个部分都是不同的颜色。我有点能够通过三个不同的背景和三个不同的背景位置（L部分，L对齐徽标等）来实现这一点。虽然这在整个屏幕上看起来不错，但是当屏幕较小时，徽标定位不正确。
我认为这样做的方法是将L和R图像相对于中心列的中心定位，或者相对于整个窗口的中心定位。怎么办呢？
答案 0 :(得分：0)
我能够通过以下左侧部分的徽标代码实现所需的效果：
background-position: -webkit-calc(50% + 33vw) 60%;
background-position: calc(50% + 33vw) 60%;
以及右侧部分中徽标的以下代码：
background-position: -webkit-calc(50% + 33vw) 60%;
background-position: calc(50% + 33vw) 60%;
每个部分使用的徽标图像位置相同，但每个部分的颜色不同。