全屏固定透明背景 Z+ @8 |' S8 o
7 L$ X6 K* g' H" g# O6 G+ q
总是有人会问，天猫，怎么透明背景，代码是什么？————没有。实现起来只是一个简单的思维过程。没有什么代码。1 u3 B' m: r% a
' D# R( q- j3 v6 q( N# B0 p
div style="height:632px;">（高度要和透明的一样）7 [: p% u' `0 c5 i6 Y. B
3 I7 `, O4 L, ^+ c# P% B
02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">5 h* C# s' e6 y0 z( P) r
1 Z3 v* n* t" V8 ?! g03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
' U% U3 ^ R: A H- Z- |. v
6 V6 {& B) q3 k" Y. Q04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">
; b. A( y$ c. {
' s3 |" D: G+ s3 `5 d2 |05./ o7 C& \8 o' c
4 r1 L, b5 w [& P06. 1.放自己自定义代码 注意上面中文提醒（高度），一定要修改自己实际模块高度不然错了。后果严重。
$ ^7 T8 \3 O7 U: @ 1 I/ S; z0 G9 u3 H1 Y0 a3 s9 [
07. 2.更换(图片背景链接)，跟背景锁定一样效果.5 h. M" y2 E8 {: u/ s \
# ]% i5 H% K# p6 S
08. + a; E% ?- \' V0 _7 l7 N1 I& R: K' E
09. </div>
8 ~. ?3 Y8 o! b$ W; L7 Y
3 p" ^$ E U% C! u7 [9 P* _10. </div>9 `# I& s6 D% m/ ]8 V
8 I/ m" J o$ d- x- _5 Z$ B( ~
11. </div>* {. j: s9 w; @& V P* o; V
4 A$ Y, x, h: V: T8 R
12.</div>! I6 ^+ B: T. B2 J% d
/ A. i S4 y2 C( `5 A' X
13.
+ N7 {* G* q. O: Y+ r + e+ m: }) F5 U7 n7 L! G
14.（以下是案例）
# q/ T- o5 r$ u3 {8 C8 P
F: p. R7 W& v3 r15.
2 R1 o& e. i7 t5 X, R
& [6 K2 |7 l0 l4 M5 m! M. B8 n16.<div style="height:632px;">
- `4 s- D2 O, @* W % p1 T+ ]$ S5 Z7 ~, y: I6 @6 o( E
17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
4 ?/ j& v: |; P' T
& p' Y5 r+ X8 H* W9 N18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
3 H) g# C. o, ~
0 K5 ^5 h! D, b' ~. P, ]9 d+ h19. <div class="xrel" style="height:200px;width:600px;background:url(//gdp.alicdn.com/imgextra/i4/764960926/TB2OFd4cVXXXXalXXXXXXXXXXXX_!!764960926.jpg) no-repeat top center fixed;">( Z, T, J5 ~ F9 R' j+ d: M: @& m! \
' A% {0 G- W" y9 j4 a* Y' {( ~5 t2 _5 `
20. <a target="_blank">3 g* `4 M7 a+ _ C
: Z3 a P& X9 n# d @
21.1 o! m7 {% Y! s5 a) K4 Y7 N8 h
. b0 w+ c, a" Y$ V8 W3 W9 \( T! d
22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />
4 Z7 f" o# ], L3 }3 Z" `2 | ; F! L2 I& A H+ v2 C* Z
23.
+ s# Y$ ?1 v* M$ y+ R9 q8 R t " ?. k: a- o3 t' F, g% N
24.</a>
3 s) m3 f4 T4 {7 k1 {. h7 q
6 w" P, _6 m2 G% J25. </div>
1 L! \ z! ~& Y6 L+ f4 R
2 _8 w; ~2 V+ B) G0 D: p- H! h: s26. </div>
1 j, [( D7 O# I2 }" Z, _
( a" M U, U' n6 I: O l27. </div>( r0 W* c$ d# t2 o5 `
V- V! r' P. N* S: E5 Q6 I28.</div>
0 f6 J( L4 ` p0 W4 }3 E1 @) ?3 {: J* ^6 `% P. e1 Y
|
