如图所示
来自这个网站：flaw.men
我看了一下，应该是一个 Wordpress 博客，这个主题应该是现成的，并且额外使用了 Headroom.js 和 WP Rocket，推测博客主懂一些编程。
不知道各位知不知道这个主题名字是什么？或者如何联系到博客主呢？
This topic created in 2771 days ago, the information mentioned may be changed or developed.
 |
KilerdApr 9, 2019
1
很简单的一个 css 技巧
可是你不懂编程，我说出来你也实现不了鸭 |
 |
agdholeApr 9, 2019 via Android
2
js dom.style + css3 transform
|
 |
treblexApr 9, 2019 via Android
3
放一个 body 背景图就行了，然后 div 固定宽高，背景透明
|
 |
changweiApr 9, 2019
4
楼主你好，我在电脑上使用 chrome 审查元素帮你看了一下。
原理是整个网页背景图片就是底下那个圆形图片，然后#content 这个元素设置了 padding-bottom，当 box-sizing 为 border-box 的情况下，padding 是透明的（也就是 padding 内边距部分直接显示最底层背景图片的内容），只要把 padding-bottom 的尺寸设置为那个圆形图片的 height 就好了。 |
 |
MutooApr 9, 2019
5
楼上都想复杂了，某个带背景的 section，设置背景固定即可：
background-attachment: fixed; |
 |
xingyueApr 9, 2019
6
@changwei 然后我也按下了 F12，基本原理如你所说，但并不是背景图，而是一个 position:fixed 的 footer 固定在了页面下方，里面放了个 svg，然后 z-index: -1 ； ps：#content 这个元素没有设置背景色，无论 box-sizing 如何都是透明的~
|
 |
7
@Kilerd 我确实不懂 CSS，但是有一些编程经验，找的工作也是程序员。如果知道具体怎么做，花点时间应该可以实现出来。这么问，是为了帮不会编程的朋友找一个简单的实现方法。
|
Select Language