全屏固定透明背景 3 G+ b! A6 v. _5 o! s0 F. r9 d
+ z) F' y2 `* K1 k& @9 O
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。
$ d2 X3 O, a. ~9 V7 a# M . h6 ~* i2 S0 Y
div style="height:632px;">（高度要和透明的一样）- j2 ?: u1 s. L
, U5 x. A' `* e) t* B02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
4 |1 O3 ^! L( \. p0 u- K8 p
0 `' R' x( t. M) r: |03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
! A" \- O% P: F: x " r" A2 M0 A" ~1 H6 c/ {- ~
04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">- a: P( O2 F& y
2 r: f) e' N% Q. T3 K: q. h {9 U
05.& W4 X5 |& r) _( \0 Y9 V
. e8 S8 F) x- w) ~" Z06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。
* {) |( M: s! r' o, K7 e4 ? ; W3 }( b0 U( z6 o
07. 2.更换(图片背景链接)，跟背景锁定一样效果.
, [) |& b) K0 a1 r: V( t) @
: K! ], h% ~9 c2 v6 m08.
% W# |) G! v' u0 t S09. </div>+ J% s5 Y0 l# |$ u8 [
: c& J% U/ t' z/ a; u/ i6 A
10. </div>
' z5 @/ W, D* S
9 n! T& m; ^: F11. </div> S5 b4 J6 A/ [. R& ^6 c* `
2 [0 _- C9 _1 P& m$ V
12.</div>
& Z3 R3 z( z4 Z/ Q( t: A, ~) N
+ D5 q1 L5 i, V1 Y6 {: ]# | J13.
T" _' Z9 z: d ; ?( ~$ M6 v7 |& n) o
14.（以下是案例）
6 ~8 f. D" J9 K$ ~! w
6 _0 S9 O! z+ @/ H5 P. N8 i15.
$ e' J/ m5 K. ^) s# B
2 [" _8 U M) n0 c @ X16.<div style="height:632px;">
2 y+ P9 w: ~8 `2 y& B8 F) I ' M7 S4 s% [9 P, d6 C- f
17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
1 A3 A5 U" X" _- v- f 1 \. v8 i$ R t( Z$ W, v
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">2 t4 z2 ~# O, {, j( U: u
3 {; Z$ v+ G4 b# r2 r9 [% Z19. <div class="xrel" style="height:200px;width:600px;background:url(//gdp.alicdn.com/imgextra/i4/764960926/TB2OFd4cVXXXXalXXXXXXXXXXXX_!!764960926.jpg) no-repeat top center fixed;">; x4 N+ c& @/ P% i. @4 I5 B
7 v. t$ R# D( I+ Q& r0 m8 h
20. <a target="_blank"> ^$ |' L4 ~: A: E. l, D% I3 g9 U
. ?2 L0 N" K0 C: r; @6 {& }+ m ~21.
% X: S" T9 S+ |0 [& T7 j4 v9 u& U ]5 _7 N# m9 I+ C! b. d- d1 h t
22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />! L. Q* D3 V: y
, y& p, @/ h5 |; N, A( b23.) C3 m3 E. n! q7 `$ p; `4 s8 s
4 j+ S2 Y- H1 b3 f1 y! K6 \' u24.</a>
: l7 H) @2 \+ q: \
- I# h1 w2 D- b6 @25. </div>% v7 ~! \, f; Q# g2 V
& P8 g& H8 l3 y/ C0 m+ C
26. </div>( P5 S7 x8 q) R( ^# J( p
) l: ?3 m& g; R% W" I: _27. </div>
& n3 r, s& v6 N2 _
0 u! b/ {+ O1 P4 e6 i28.</div>8 T- Y7 x) D7 S, m
+ m! w5 K8 r' A5 t. e/ v
|
