全屏固定透明背景 - q2 @8 Y+ l$ t8 J" E
' Z: u5 E! m# A2 C6 i; Y k z0 q; r
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。6 N! q8 e3 e; K
: M4 |' h0 F0 m2 c" f$ l( Idiv style="height:632px;">（高度要和透明的一样）0 a& M+ O4 V3 v' t6 ?+ u( n& w' r
2 ?1 O$ S. x' W2 ] s
02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
7 R) Z, W& e, z ! b. F! P2 H; @/ B
03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">; ^& L! u& f- {; c1 e3 w9 F; i
& I0 K1 o0 V8 q: U: @" o" V$ H1 @4 W
04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">
1 z" q& x' N, H' [ H$ J# j* G
/ d" f2 J9 x. E05.% I! i6 J- y9 V. @0 w
+ l7 R; y" k# B7 k( f0 |) h3 d
06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。# D+ D' u7 [1 M3 @' F9 r {! B8 E! K
# q" o j9 }, ~! o) N07. 2.更换(图片背景链接)，跟背景锁定一样效果.
1 w/ {3 R) W C; s6 @ * F8 j- O. m- U2 q
08.
; X7 S7 H* d. ~0 G* v09. </div>
+ E l7 ^% t% g: z$ ]+ U% x , s9 d7 j* a. m0 ]0 M d2 y |
10. </div>
$ T1 ?; i) o: Y( k9 g( p' f
; L9 E0 x: h! x, J$ n. X7 H1 f11. </div>
% r% W; U6 ^7 G1 B" G g " [ A' E) ~: E2 j, U2 r# S
12.</div>
& G) ^* q. L8 V+ m" I
0 E( A0 D; U5 n* q, a4 g" h# D13.* J: i* q; e+ N7 U; f6 ?
' L' _. r& z0 K% h
14.（以下是案例）# P. f+ W/ D% ^ g
/ U# M+ y1 o) q6 W
15.
q8 L7 l1 @' J G
9 J3 z# } e! B- _: y16.<div style="height:632px;">7 ~5 J! W9 m" p# c
/ H* g# L0 q0 z$ \/ b17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
& g+ n5 [! i F2 u+ y* i3 F ! G6 o& \2 n, q! F8 n. h v
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
: f: E8 v. L0 L; y5 R8 }1 N4 E
7 j3 W9 x) Y9 a0 G7 P19. <div class="xrel" style="height:200px;width:600px;background:url(//gdp.alicdn.com/imgextra/i4/764960926/TB2OFd4cVXXXXalXXXXXXXXXXXX_!!764960926.jpg) no-repeat top center fixed;">
+ c& n" I! L( J$ n' t/ { 3 U3 F( Z1 \( y1 U. o
20. <a target="_blank">
$ Z$ {) q/ T8 Y% P * { c- Q7 D& Q$ p
21./ v5 s# C9 J$ H9 G6 o
: G5 E B( e$ a2 g' c22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />& ?' _1 z0 }& A* A/ X' P k4 l
2 l' q @3 m* Q$ A0 c% K23.1 l8 N- Y6 N# Q* h! `
) r/ a8 v) l1 v2 A24.</a>" v$ \: R5 Q' n5 z
! y, b1 R% V: K2 a' A( ^. C
25. </div>
: a+ P0 o) ]% e( f: s* g2 p! F @ ' Z& C5 e* D+ o. _$ ?. r9 \* `! ~, o
26. </div>
7 n( R; F$ V5 J
" T' {* `: I4 p- e27. </div># `. X: t x6 z. q6 w6 g2 T8 ]
' w" J! f; C$ a, y1 U$ t3 f+ G28.</div>
+ r, \( }4 u) _7 ~9 q( T5 m
5 v2 _% @" N1 B" [ |
