Rumah > hujung hadapan web > tutorial css > Berbilang penyemak imbas serasi dengan kod iklan terapung gabungan DIV/CSS tulen tanpa pertukaran js_Experience

Berbilang penyemak imbas serasi dengan kod iklan terapung gabungan DIV/CSS tulen tanpa pertukaran js_Experience

WBOY
Lepaskan: 2016-05-16 12:06:42
asal
1392 orang telah melayarinya

Kod pengiklanan terapung DIV/CSS tulen (tiada JS)
Terapung pada kedua-dua belah rangkaian kod sumber. Selepas ujian, ia serasi dengan pelayar IE6, IE7 dan Firefox.

Kod CSS ialah:

Salin kod Kod tersebut adalah seperti berikut:

.r1 {width:80px;height:80px;background:red;float:right;
kedudukan:tetap !penting;*/:300px; index:400 ; top:expression(offsetParent.scrollTop+300);right:20px;}
.l1{width:80px;height:80px;background:red;float:right;
position:fixed !important ; atas/ **/:200px;    
     kedudukan:mutlak; z-indeks:300; top:expression(offsetParent.scrollTop+200);right:20px;} 
.r2{width:80px;height:80px;background:red;float:right;    
     kedudukan:tetap !penting; atas/**/:300px; 
 kedudukan:z-index:400; >
Kod halaman ialah:



Salin kod


Kod adalah seperti berikut:
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan