全屏固定透明背景 . z3 [5 [) a# A: a# {
, X! n' O& W3 w# H总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。
6 I+ |. D0 f& \. I
/ E; l" F J; G' S" M" idiv style="height:632px;">（高度要和透明的一样）" e6 V" q7 |+ l3 o1 s
: {+ L) u; v# A& r" ]6 S, a: `02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
2 l/ K/ C) N/ i- z. H$ x
! J7 _+ S L( W3 }2 C5 }4 G03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
# B& ?8 [2 @5 ]7 H& A
* J+ q+ O3 l- Z+ D04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">9 O1 z; \0 g5 t
; O' D' K# \" \( ^# X7 K0 w
05.
. b9 k4 Y9 @4 ~2 U' w
! J/ V7 @& a+ \. z! `8 o06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。- J# w {3 A" ~: l6 I7 J
5 [ O$ v9 b/ A, M2 h; K. ~
07. 2.更换(图片背景链接)，跟背景锁定一样效果.% B# B% a5 X" K- B
. e. a: {' y& m/ e6 {8 Q08. : n$ b7 w2 u0 F0 d' q! {
09. </div>. `, c; b2 y2 H
% q. }* k( x7 i& _' Y* b) T3 b10. </div>/ d9 R' r% O6 @; R$ S' }4 l
( R @3 b+ ^9 K- T1 r11. </div>
7 N' ` I. x! F
' A: f) N2 Q" B" O12.</div>) T* K8 L5 ~; o; I% a
* r4 P1 z+ y" x6 y q
13.& T f3 r5 r0 i- b' l( C' E c
$ h" f& Q" s H1 J+ i" [5 E' h7 ?# U14.（以下是案例）
/ Z c5 f9 A7 o& p; r
. N+ L, v7 t9 |* x7 e15.
2 t2 r6 T! f2 c1 D. y! w
- ~0 R* N0 ^. o& A& ^0 o16.<div style="height:632px;">
, n0 P. ]. ~- Z) O. j7 X / t0 ~5 d; }2 e0 H. p. N
17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
5 a B( C: i) B. x* x2 I4 e/ |
z5 f6 i: U% u `8 o' |18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">& f7 ~6 {8 G6 m) z
- |2 n" }: `& f. u3 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;">9 j s) ^ [9 U
3 s7 b+ \8 s8 A7 ?$ ~& J }4 t20. <a target="_blank">) h9 j {! Q _. t% w1 l4 Q% f
# W3 \7 |* S+ r% Y# W% D4 T. |
21.
$ f; x# w2 T \/ F# W " I! T8 ~5 ~4 J- ?
22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />* B% [ z& ]% ^2 K! w
& H1 [3 ]" C6 H23. Y! C& P# G8 g A" R! ~& B: f
4 g) T9 V2 U& d* `24.</a>% \& S( C% T8 x2 y
C$ z3 \5 Q9 V$ u6 i; w25. </div>
, R9 H7 d+ U6 d# w5 e
" U. P) e2 E2 x$ u- q26. </div>
5 Z* ]' ~" |, |$ S' J
/ ?3 R# n7 F: u6 q, I9 h27. </div>: @7 E& m: n/ f" R
" [5 t8 ?% }& b0 J' ]" j- {
28.</div>* i; L7 c: z* n3 M1 s0 X4 }- P/ ]
, ]# M! H$ k+ R3 Z% y
|
