全屏固定透明背景 7 ~4 M: [3 ~/ M6 A" E/ I/ \
% u# ~. v! Q! Z8 p. s1 ^7 T+ m
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。
& s9 @1 N9 a$ w% n$ H
; w x( z" Q% e& v! N* s( U! Kdiv style="height:632px;">（高度要和透明的一样）: \ N# ?8 r% t2 v
( U' Y# d) d5 O' l/ a
02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">9 ]1 ]1 S/ G m# g( C6 `7 X5 p
0 ^' f2 Q& ~& X; s O C' f
03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
3 }" Q8 C7 i! O T 5 I7 o1 V' ?: r, d
04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">
5 ]4 G m: Y2 S$ | * F; u) ]1 X1 V
05.* s" I& ~) ~! b- ?2 ^
0 X- U1 k+ U5 P% o
06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。) V0 T8 A) V. ` R' x( l8 c1 c
9 [; m0 w. O, s07. 2.更换(图片背景链接)，跟背景锁定一样效果.
c5 w1 H1 B N1 @' `& Q : `& n7 f: V' g
08.
E- x. K. J, Q, ]* }! @, l {/ B09. </div>
' x0 }4 b! m2 p: S8 I( ?
$ P! G/ ]' Q! U! i" W! u10. </div>2 A. ^4 `; l0 O- V5 m/ P# y
3 X/ O1 ?9 a3 h+ K: d) e# r
11. </div>$ @( A0 K/ R, K) l7 i7 R' B
2 {' R5 P' X: Y6 O( ?
12.</div>, ] H/ a0 a3 T- _
8 I3 H- a% b$ {7 U
13.
5 R+ s2 l l! C( F & g0 E$ ^* K: a8 C9 T
14.（以下是案例）% t/ p8 u4 o0 T- w! X* o2 y
7 ^2 C0 X* ^& L
15.. _0 e- B. v* O" E: B9 d4 v5 K
' T) \( K" ]; N16.<div style="height:632px;">2 n9 R j2 G" y; l
8 m* W. U% B, H7 b
17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">3 D# u. k0 o" i% Y1 G( `0 X, g
3 `% n! B) t( R9 F9 E1 _1 K
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">3 m' G2 T9 O$ P1 A, G0 e" H
/ o5 v) T/ C: e6 r& k8 ]: E
19. <div class="xrel" style="height:200px;width:600px;background:url(//gdp.alicdn.com/imgextra/i4/764960926/TB2OFd4cVXXXXalXXXXXXXXXXXX_!!764960926.jpg) no-repeat top center fixed;">
; ~/ _% t8 i( S6 X& T- b : }# @) `# |9 q6 z* K
20. <a target="_blank">
* _% T0 E: U' B. V" p% C: t* |; K ! @) M, P& C/ C/ M& C
21.
6 m# \/ Z( f. ]3 i, Q# W+ ^ # `( Z+ e# b- s* ^8 L- }+ W
22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />6 q! Q: ?" |4 a6 n* c
- D- X. n4 J5 x: P' `& E- c
23.
* E% q- M3 O5 x5 _+ V7 ?2 ~
K' O' L; o0 x4 o! h4 H+ N8 x24.</a>
" ~; }, x9 T |% c) T0 @
+ V p; E, ~2 H2 k" k3 D6 G& i25. </div>$ O" K/ S% |! U: \4 Q/ H1 A, o
- _8 J* V: b2 E1 S9 \26. </div>
% a3 W, ]9 P" L/ U6 t) r
+ ^+ H- i5 U: p% |! M8 f27. </div>- V6 U7 S1 F) Z1 b, d
7 S* f' ^0 C. z) ]' E2 ]0 o+ R' Z
28.</div># J0 j3 T) t$ k: X: N
& V4 B& V* _: ~! a |
