悠悠楠杉
网站页面
CSS怎样实现文字图片双重填充？background-attachment固定，css怎么让两张图片重叠
08/27
透过街角咖啡馆的玻璃窗，观察一座城市十年间的微妙变化。那些褪色的海报、磨损的实木吧台和不同年代的顾客，共同编织出独特的时间纹理。
背景效果：background-attachment: fixed实现的视觉层叠
在梅雨季节的午后推开「半日」咖啡馆的玻璃门，铃铛晃动的频率与十五年前分毫不差。店主老陈依然用那台1948年的Faema E61咖啡机，蒸汽管上凝结的水珠落在锈迹斑斑的控温旋钮上，像某种固执的计时器。
我惯常坐在东南角的位置，这个从2008年保留至今的卡座，皮质表面已浮现龟裂的纹路。阳光透过彩色玻璃窗投射在记事本上，形成的光斑恰好覆盖去年写下的笔记——关于隔壁书店拆除时的观察记录。此刻窗外打桩机的轰鸣与咖啡机蒸汽声形成奇妙的和弦，新开的连锁奶茶店正在做开业促销。
文字与背景的视觉融合技巧：
css
.double-fill {
background:
linear-gradient(to right, #fff 30%, transparent),
url('texture.jpg') fixed;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
靠墙的展示柜里陈列着不同时期的物件：2010年的手冲滤杯、2014年咖啡师大赛的奖牌、2018年疫情时期的临时外带杯。最下层躺着本翻旧的留言簿，其中被咖啡渍晕染的那页记载着2011年台风天的场景："玻璃门在风雨中剧烈震颤，我们却围坐着分享刚烤好的肉桂卷..."
收银台后方墙面挂着幅褪色的街区地图，原本标注文具店的位置现在贴着外卖平台的二维码。老陈擦拭咖啡杯时总会不自觉地望向那个角落，他手腕转动的角度与十年前如出一辙，只是如今会突然停顿——要等关节的刺痛过去。
当夕阳把"暂停营业"的牌子投影成模糊的斜线，咖啡馆就进入了最迷人的时刻。灯光将不同年代的装饰元素融合成整体：工业风的吊灯照亮了斑驳的红砖墙，智能音箱里播放的爵士乐掩盖了老挂钟的走时声。此刻坐在角落的客人，可能正用电子笔记APP记录着纸质菜单上的涂鸦。
这座城市的变化从不需要刻意寻找，它藏在咖啡杯底沉淀的细渣里，藏在每周三早上固定出现的熟客新增的白发中。当新来的店员困惑于"为什么保留这台总出故障的磨豆机"，老陈只是笑着调整蒸汽阀——那上面有2016年装修时被磕碰的凹痕。
