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
WBOYasal
2016-05-16 12:06:421386semak imbas

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:
Kenyataan:
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
Artikel sebelumnya:Jangan Gunakan Tag_Pertukaran Pengalaman IniArtikel seterusnya:Jangan Gunakan Tag_Pertukaran Pengalaman Ini

Artikel berkaitan

Lihat lagi