search

langzhou / siyuan-note

思源笔记美化教程
177 stars 37 forks source link

毛玻璃下，2个错位的feedback #3

Closed Morganwan90 closed 3 years ago

Morganwan90 commented 3 years ago

大佬好，刚开始学习css，从你和VIWZ的主题中学习摸索。 反馈2个错位的feedback： 开启毛玻璃模式下，会导致1、搜索框中出来的文本和2、链接打开的浮窗中文本的段落标识错位，如图： 截图_20212701042717 截图_20212601042640

我自己瞎捯饬了一下，发现.blockpopover和.b3-dialogcontaine不能直接用backdrop-filter，还是要先设置一个背景图片再叠加一个背景色就正常了... 我不知道我有没有说明白..我就是纯摸索...不是专业人士..

langzhou commented 3 years ago

@Morganwan90  是在 winter-mix 下的错位么，还是 toy？毛玻璃特效我也是第一次尝试，边学边用，也还在摸索。

Morganwan90 commented 3 years ago

@Morganwan90  是在 winter-mix 下的错位么，还是 toy？毛玻璃特效我也是第一次尝试，边学边用，也还在摸索。 如果在toy里面把毛玻璃那段代码启动也是一样出现（默认是木有开，winter-mix是默认开的），没开就不影响。

langzhou commented 3 years ago

@Morganwan90 嗯。我记得最开始的时候也遇到过这个不知原因的块标错位。需要进一步看看是什么原因导致的。

Morganwan90 commented 3 years ago

@Morganwan90 嗯。我记得最开始的时候也遇到过这个不知原因的块标错位。需要进一步看看是什么原因导致的。

我昨天摸索了然后弄成功了，就是不能直接用backdrop-filter，涉及的就是.blockpopover和.b3-dialogcontaine。 我把他改成下面那样的就好了...好像就是主编辑区那个是设置了背景图片所以可以直接用backdrop-filter，对于浮窗和设置这些弹出来的窗口，就要再重新设置一个背景图片，再用另一个背景去backdrop-filter。

截图_20214501114546

截图_20214701114707

langzhou commented 3 years ago

@Morganwan90 嗯。我记得最开始的时候也遇到过这个不知原因的块标错位。需要进一步看看是什么原因导致的。

我昨天摸索了然后弄成功了，就是不能直接用backdrop-filter，涉及的就是.blockpopover和.b3-dialogcontaine。 我把他改成下面那样的就好了...好像就是主编辑区那个是设置了背景图片所以可以直接用backdrop-filter，对于浮窗和设置这些弹出来的窗口，就要再重新设置一个背景图片，再用另一个背景去backdrop-filter。

截图_20214501114546

截图_20214701114707

嗯嗯👍🏻