全屏固定透明背景
; V: ~+ [* W1 ~) I7 x& I# r x0 l- x+ T' z7 g# T: D; S4 @2 [7 a2 Z- W
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。
/ t* x1 Q. G4 v8 g$ k! h
8 R Q8 q7 ~& sdiv style="height:632px;">（高度要和透明的一样）
# f7 d; [- d! e
7 q; w' A* G) V( p02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
& b6 k4 g1 B) W0 \% k , y. V- N* T0 F d
03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">6 L2 u3 e, b# h+ J
7 N- B: }! }9 Z! S; v5 F" S
04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">: {; Y% V( ~3 ]- [
" j: g% Z. w, Z# Y
05.
7 A! U F* ^$ e 3 v0 p! F: ?# u- I0 t
06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。/ G. h. [# a; h. @& N6 W( O
f+ F! A; R. ?3 C' h: N
07. 2.更换(图片背景链接)，跟背景锁定一样效果.
# z; X p( \& w: M; d6 f
) s! j2 p# B; s+ F+ j {* x# h08. $ h* k- C0 G; R
09. </div>/ j# G/ Q1 k. F& p
! V, M( `6 r& U- Y5 I0 l9 U
10. </div>/ J- U" e1 V" j
3 S6 q) I0 n( M
11. </div>
7 [2 @: [) H; Z& y4 z$ D 9 A' t" n9 Z2 N
12.</div>
. i5 B5 M5 Y* o6 y* K- x R. L ! J! O1 L- q. E' j5 z7 d ~: u
13.; P; O' n7 @7 n: B; Y
) B( V* k3 Q6 o$ G' {14.（以下是案例）
0 k0 \. Z) e) o8 m( ]! P* }
. l, ^9 c a! J. ^$ }$ R6 R15.! p0 c" R7 J2 l" F0 M6 c; S; P
9 a8 E2 J! Z8 ~% }16.<div style="height:632px;">6 N: n2 M" w$ k c2 M# Z
2 @& x( f' M. J/ z: s* e: ?" K1 z17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;"># v# q; Z( D- I E4 r5 }, v
4 P- v. I: U. C# G- x# `. y% O
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">1 L/ m" y3 Q7 ], `) J2 v
( g0 E. @0 p; d" y
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;">4 g$ \ k+ `+ _( Z
; j9 S: w |' \' i/ J
20. <a target="_blank">
: p3 u8 B6 l5 G6 P4 ] 2 w& @0 E: S8 E7 o6 K4 @
21.
' \+ x# x2 ~: g/ o5 g- V
' {$ Z5 U$ l) W22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />3 B. }# e4 P) B+ q" u
4 |$ o$ i! e: v2 y( S! ?. c
23. `; O# K% ^; J% B! I7 a* r
; b; I" t7 b/ {5 }7 {( p- m24.</a>
( L+ a( G/ r5 J$ b* G
5 x2 {0 J! I4 q/ j25. </div>( s/ y ~( n: i: ~
7 R. k7 z. B! A0 l+ X( g& V; S. ~26. </div>$ _6 J! I, r. o6 L0 X/ N
) b, b+ b z4 \6 i* |6 t
27. </div>
5 b0 E; m5 }# s1 B 1 o% x8 i6 q: [7 D8 Q
28.</div>9 ]) {' S1 I4 @5 W2 I
/ x% i: [( O/ x9 I
|
