全屏固定透明背景 + s- _4 L) h9 Q7 r& H% X% w* }4 T
0 _: ^& ^3 o' G# q
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。! y8 [: |2 r' n) g( j3 U
6 v1 B& b9 H2 A# n- N6 Rdiv style="height:632px;">（高度要和透明的一样）
s4 Z1 H o0 K! y) Y
, R9 O( y$ I6 G" c02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
% b' u9 F2 F2 ?: z" R8 J+ [8 Y' h5 s
2 L; E$ o+ k2 {# \" F# i03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">! }5 `8 I3 m3 e0 H" J# Q' E8 D! `, i
G1 G a: h+ \# j! Q0 R2 R5 w04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">3 W( B( R) T' [! W7 K; h8 o. r
0 @% }5 T; n- I) A# k; d# h
05.
1 U' P9 m% p5 k. }* B/ S, i5 p
0 V4 q; {2 ]( N5 p- K8 o. r( e06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。
/ @6 ^, o4 y4 m5 e' X6 c3 g- f- q8 W # ^5 {3 ~* i" m2 M/ Y
07. 2.更换(图片背景链接)，跟背景锁定一样效果.) T: s7 E: z- K u* N2 T1 G4 u
6 ?( F9 v7 h E! E5 d- ]
08. : F9 w; c1 @3 J
09. </div>9 N, J) U( p' N5 Q# m8 W' y
1 ~ @$ _" m7 F4 B7 y; F10. </div>
% v9 O( j/ J& Z5 q6 W$ v
' U8 A) n* A7 V' E. \3 I4 y11. </div>
; q( L( O; x. G + [8 \5 [! d+ D) T& ^, Z
12.</div>
- _/ c# f. X; d- I5 q7 [/ J , s; G! B' ^* M( p* F* T: P: t" A
13.
9 p8 v. W R k* ]
9 }$ W7 x. T5 q, A& b, ?14.（以下是案例）
1 A, Q' b" Z5 w6 |7 T! Z3 S ! |. N6 ]8 g) ?* a, ~) ] s
15." e: A5 B# u6 k& c
0 F# Y. r* l' c! z2 c: O16.<div style="height:632px;">- a3 Q- Z* h; J: |3 K" x$ ~+ e* N
# w0 R- D( _0 q0 n* T5 [8 ?17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
7 s, W3 K8 w+ b2 H+ o 9 h0 @4 M5 [- M7 G
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">1 V2 x; L5 `* Z {+ D5 m
! E# K5 ^1 y, ^( q
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;">$ A5 [$ R& `) u# y1 L
) q2 ?3 I$ S4 |/ g" I L
20. <a target="_blank">
7 Y7 f! U3 j- N+ v 0 {! Q2 L0 O" |/ T3 R9 N; j) {
21.6 z" i% y# ~! l3 f( G# L+ ]
5 u6 }( y9 C9 y6 V5 e! o. I, q22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />$ K) @, A( i4 o5 ~/ S! N( y. `2 ^
) V- d6 X/ h9 ?3 ]3 I. j
23.1 n7 V T7 J8 l" [' [' P! J& A
7 U- J! ?, k( J* R# w0 E# ~24.</a>: W. H! P' Z( f# l! P0 I
3 ]5 _) B" N: q$ J% @
25. </div>
3 i4 q+ r/ S4 H( l
2 v7 V+ J, t, ~+ @1 ~% @9 `26. </div>- {3 G4 i: z. J' f: S2 d! O6 k8 m- ^* D
. Z8 g P' N3 N3 U7 ]27. </div>
- N1 C4 p* [3 K8 n
+ r3 ?& e, {: C28.</div>
( ?+ b1 Q: `2 q& h* g9 H
* }6 w( P- _1 e- |0 I) t0 V7 ?& C |
