全屏固定透明背景
+ k- M( z7 m- _4 Q2 D- t, m; F# N7 E% H
总是有人会问,天猫,怎么透明背景,代码是什么?————没有。实现起来只是一个简单的思维过程。没有什么代码。% r% A6 M0 N+ Q4 {* l4 K& t& K1 J% \. h
% p# F8 y! R I) N. `
div style="height:632px;">(高度要和透明的一样)* J7 q7 M" x. @' b1 D% }1 w$ e: r4 T
$ Y! }) u: v) v. O" Y. Q
02. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
! f" K, k8 a8 x3 D+ i 9 Z9 ~ G' l2 O& k
03. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">- s7 J0 }' C/ W" r3 `
% n- D: [5 o' f
04. <div class="xrel" style=" height:632px;width:1920px; background:url( 放自己的背景图片连接+记得修改前面的高度和宽度 ) no-repeat top center fixed ">
; V) W% H- c- L/ W+ \+ R& B
5 \6 d- v/ r; \, t7 O05.
3 P5 t9 q: d3 ]& ^7 u
- M0 S$ U* G! t9 B06. 1.放自己自定义代码 注意上面中文提醒(高度),一定要修改自己实际模块高度不然错了。后果严重。
9 _; g W1 T1 E- P1 m s
( Y, w$ G4 u) D, ]07. 2.更换(图片背景链接),跟背景锁定一样效果.3 A6 V: i# J$ @, S, ~
* m# v, q8 E: B0 a7 S
08. 2 }- y" D% j a4 s |: c. e' Z
09. </div>
$ P9 ?* m0 E+ \/ H6 c: ~9 ] 1 ^+ \6 W( j0 S: C
10. </div>0 o O5 N2 Q# R3 D: m' S
1 R/ w% x y' I
11. </div>. W5 `& E Z% u3 Z; v- T$ A9 m- i
$ y9 n/ S; i9 Q& K1 W12.</div>
! V% S5 ?% I. K) J0 v) X2 e : X$ r. v" f9 U+ D: p. d3 s
13.
2 L1 W8 F7 z' v, G$ b, A; a ) A- b+ W$ U9 g1 O* o
14.(以下是案例)9 e) O- x7 a9 B7 m2 M$ N+ z+ T
( l4 B3 Z: l/ w( [1 \- D" P15.
, Z1 `9 u: X: D( Q$ w " e7 P3 P1 j0 @1 p6 A
16.<div style="height:632px;">
- a6 |; v- d, A! b
- k' n4 b. X* A" J$ c( S% O& ?17. <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">7 F; \4 h$ F: o) _
6 \ `6 B6 U- @3 P' D5 |
18. <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">5 H) b9 J& J( m7 B
8 _: |; P }2 k' [1 ?
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;">+ X: L+ i0 {" R, C" J: J/ [- m
3 W/ \; Z! F/ d; `) s+ I9 w3 }20. <a target="_blank">
0 `/ K( T3 A' ~9 k1 j: s
" B3 g2 `( c, v2 Z21., Z3 T4 J" |0 a0 e
8 W9 ~* \- Z/ U# N5 b% }22.<img src="//gdp.alicdn.com/imgextra/i3/764960926/TB2vBN3cVXXXXatXXXXXXXXXXXX_!!764960926.png" alt=" 1920透明.png" />- l& G# l" q! P$ c1 _
) s! Q& C9 G# C23.
% P. W# E% s$ T" o
, G* K7 o* n9 N; Q$ o1 B' m24.</a>
3 t# U$ u1 ^8 A5 N
( e! r* V7 M: V% w1 K25. </div>
# e8 L. t ^) q
" d1 f w. f5 p: |% q. e; |26. </div>
" T4 F- d$ u9 G' `% W/ i: a7 E: x
1 O0 t5 F8 z7 L4 h0 b. @27. </div>
; Z) H3 p4 [* I; `
% d( X, | `& ?! o28.</div>) l0 q9 C$ N1 U T
9 }; Y9 z6 _0 L* i3 W8 I8 V2 w, x( T% g |