bootstrap3 serasi dengan pelayar IE8! _kemahiran javascript
Baru-baru ini saya telah menggunakan bootstrap, rangka kerja bahagian hadapan yang sangat baik Rangka kerja ini termasuk menu lungsur, kumpulan butang, menu lungsur butang, navigasi, bar navigasi, serbuk roti, halaman, reka letak. , lakaran kecil, kotak dialog amaran, Bar Kemajuan, objek media, dsb., bootstrap telah dipratakrifkan Apabila kami membuat halaman web, kami hanya perlu memanggil css di dalam
secara terusBootstrap ialah reka letak responsif Anda boleh mendapatkan pengalaman reka letak yang sangat baik pada komputer skrin lebar, komputer biasa, tablet dan telefon mudah alih. Reka letak responsif ini dicapai melalui fungsi Media Query CSS3, yang memadankan gaya berbeza mengikut resolusi berbeza. Pelayar IE8 tidak menyokong ciri CSS3 yang sangat baik ini telah menulis dalam dokumentasi pembangunan cara menggunakannya agar serasi dengan IE8 dan IE7, anda boleh mencari bsie (bootstrap2)
.Bootstrap dalam IE8 pastinya tidak sesempurna Chrome, Firefox dan IE11 Sesetengah komponen tidak dijamin serasi sepenuhnya, dan anda masih perlu menggodam
1. Gunakan pengisytiharan html5
<!DOCTYPE html> 这里不可以有空格 <html>
Nota: Tidak boleh menulis
2. Tambah tag meta
Sahkan untuk memaparkan versi IE halaman ini
<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta http-equiv="X-UA-Compatible" content="IE=9" />
Nota: Bootstrap tidak menyokong mod keserasian IE Untuk membolehkan pelayar IE menjalankan mod pemaparan terkini, teg di atas akan ditambahkan pada halaman IE=edge bermaksud untuk memaksa penggunaan kernel terbaru IE, chrome =1 bermakna jika IE6 dipasang /7/8 dan versi lain pemalam penyemak imbas Google Chrome Frame
3. Import fail bootstrap
4. Perkenalkan html5shiv.min.js dan respond.min.js
Biar penyemak imbas yang tidak (sepenuhnya) menyokong html5 "menyokong" teg html5
<!--[if lt IE 9]> <script src="js/bootstrap/html5shiv.min.js"></script> <script src="js/bootstrap/respond.min.js"></script> <![endif]-->
5. Tambahkan pustaka Jquery versi 1.X
6. Apabila menguji di bawah IE8, masalah didapati bahawa pemegang tempat tidak disokong Berikut ialah kaedah untuk menyelesaikan masalah yang IE menyokong pemegang tempat yang disebut dalam artikel ini ujian. Jquery petikan pertama
<script type="text/javascript" src="js/bootstrap/jquery-1.12.0.min.js"></script> <script src="bootstrap/js/bootstrap.min.js"></script>
Anda juga boleh menggunakan versi jquery lain dan kemudian memperkenalkan
[kod]
Kemudian tambahkan beberapa kod pada fail
<script type="text/javascript">
$(function () {
$('input, textarea').placeholder();
});
</script>
Kod diringkaskan seperti berikut:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" /> <meta name="author" content="zhy" /> <title>ie8</title> <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css"> <!--[if lte IE 9]> <script src=js/bootstrap/respond.min.js"></script> <script src=js/bootstrap/html5shiv.min.js"></script> <![endif]--> <script src="js/bootstrap/jquery-1.12.0.min.js"></script> <script src="js/bootstrap/bootstrap.min.js"></script> </head> <body> </body> </html>
Nota:
1. Penyata untuk menentukan versi IE di bawah IE
<!--[if lte IE 6]> <![endif]--> IE6及其以下版本可见 <!--[if lte IE 7]> <![endif]--> IE7及其以下版本可见 <!--[if IE 6]> <![endif]--> 只有IE6版本可见 <![if !IE]> <![endif]> 除了IE以外的版本 <!--[if lt IE 8]> <![endif]--> IE8以下的版本可见 <!--[if gte IE 7]> <![endif]-->
Versi IE7 dan ke atas kelihatan
lte: Ia adalah singkatan Kurang daripada atau sama dengan, yang bermaksud kurang daripada atau sama dengan.
lt: Ia adalah singkatan daripada Kurang daripada, yang bermaksud kurang daripada.
gte: Ia adalah singkatan daripada Lebih Besar daripada atau sama dengan, yang bermaksud lebih besar daripada atau sama dengan.
gt: Ia adalah singkatan daripada Lebih Besar daripada, yang bermaksud lebih besar daripada.
!: Ini bermakna tidak sama dengan, yang sama dengan simbol penghakiman ketidaksamaan dalam JavaScript
Di atas adalah keseluruhan kandungan artikel ini, saya harap ia akan membantu kajian semua orang.
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1670
14
1428
52
1329
25
1276
29
1256
24
Versi Win10 yang paling stabil
Dec 25, 2023 pm 07:58 PM
Ramai pengguna akan mengalami pembekuan atau skrin biru semasa mengendalikan komputer Pada masa ini, kita perlu mencari versi win10 yang paling stabil untuk beroperasi Secara keseluruhannya, ia sangat mudah digunakan dan boleh menjadikan penggunaan harian anda lebih lancar. Versi win10 yang paling stabil dalam sejarah 1. Sistem asal tulen Win10 Di sini pengguna boleh menggunakan operasi yang mudah dan mempunyai kestabilan yang kuat, keselamatan dan keserasian diperkemas Versi win10 telah diperkemas dengan ketat dan banyak fungsi dan perkhidmatan yang tidak perlu telah dipadamkan. Selepas diperkemas, sistem mempunyai penggunaan CPU dan memori yang lebih rendah serta berjalan lebih pantas. 3. Win10 Lite Edition 1909 dipasang pada berbilang komputer dengan model perkakasan yang berbeza.
Adakah Win11 menyokong kertas dinding dinamik?
Jan 01, 2024 pm 06:41 PM
Seperti yang kita sedia maklum, ciri utama win11 ialah subsistem Androidnya sendiri, yang membolehkan kita memasang perisian Android tanpa menggunakan emulator Namun, terdapat juga masalah lag aplikasi Android win11. Bagaimana ini harus diselesaikan? Adakah Win11 tidak serasi dengan kertas dinding dinamik Jawapan: Win11 serasi dengan kertas dinding dinamik. Jika ia baru sahaja dikemas kini, ia mungkin dilindungi oleh kertas dinding sistem. 1. Jika versi sistem atau perisian ketinggalan, cuma kemas kini sistem dan perisian kertas dinding dinamik. 2. Jika ia dilindungi oleh kertas dinding sistem, anda boleh cuba membuka "Tetapan" 3. Kemudian masukkan tetapan "Latar Belakang" di bawah "Pemperibadian". 4. Kemudian tukar latar belakang yang diperibadikan kepada "Gambar" 5. Selepas pengubahsuaian selesai, anda boleh menetapkan kertas dinding dinamik seperti biasa
Adakah Switch2 serasi dengan kartrij Switch?
Jan 28, 2024 am 09:06 AM
Switch2 ialah model baharu yang diumumkan oleh Nintendo di Gamescom 2023. Sesetengah pemain bimbang sama ada akan wujud isu keserasian antara model baharu dan versi kartrij sebelumnya. Mari kita lihat. Adakah suis2 serasi dengan kaset suis Jawapan: suis2 tidak serasi dengan kaset suis. Pengenalan kartrij Switch 2 Menurut maklumat daripada syarikat rangkaian pengeluaran Nintendo, Switch 2 mungkin menggunakan kartrij 64GB. Kerana ia mempunyai prestasi yang lebih baik dan menyokong lebih banyak karya permainan 3A, ia memerlukan kapasiti kartrij yang lebih besar. Kerana banyak kerja permainan perlu dikebiri dan dimampatkan sebelum ia boleh disumbat ke dalam kartrij permainan. Selain itu, kartrij Suis terdedah kepada menyalin kandungan permainan, jadi gantikannya dengan kartrij baharu.
Adakah sistem Linux serasi dengan perisian Android?
Mar 20, 2024 pm 02:27 PM
Dalam beberapa tahun kebelakangan ini, populariti sistem Android dalam bidang peranti mudah alih telah berkembang dengan pesat, dan ramai orang telah mula memberi perhatian sama ada aplikasi Android juga boleh dijalankan pada platform lain. Sebagai sistem pengendalian biasa, Linux digemari oleh ramai orang Jadi persoalannya, adakah sistem Linux itu serasi dengan perisian Android? Perkara pertama yang perlu dijelaskan ialah sistem Linux dan sistem Android mempunyai persamaan tertentu dalam kernel Kedua-duanya adalah sistem pengendalian berdasarkan kernel Linux Oleh itu, secara teorinya, sistem Linux boleh dijalankan
Kaedah untuk menyelesaikan ketidakserasian d3dx9_43.dll
Feb 24, 2024 pm 10:06 PM
Bagaimana untuk menyelesaikan ketidakserasian d3dx9_43.dll Dalam beberapa tahun kebelakangan ini, perkembangan pesat komputer dan permainan telah membolehkan kami menikmati lebih banyak hiburan dan kemudahan. Walau bagaimanapun, kadangkala apabila memasang atau menjalankan program tertentu, kami mungkin menghadapi beberapa mesej ralat, seperti "d3dx9_43.dll tidak serasi". Dalam kes ini, bagaimana kita harus menyelesaikan masalah ini? Mula-mula, mari kita fahami maksud mesej ralat ini. d3dx9_43.dll ialah fail sistem DirectX, yang digunakan dalam sistem pengendalian
Panduan terperinci untuk memasang dan mengkonfigurasi titik rangkaian yang serasi dalam Win11
Jan 09, 2024 pm 02:50 PM
Terdapat ramai pengguna laman web yang perlu menggunakan versi lama penyemak imbas semasa menyemak imbas, dan versi baharu perlu menambah saluran yang serasi sebelum ia boleh digunakan, jadi hari ini saya akan membawakan anda tutorial terperinci tentang menambah saluran yang serasi dalam win11 dan belajar. Cara menambah saluran yang serasi dalam win11 1. Mula-mula buka pelayar IE dalam sistem, klik gear kecil di sudut kanan atas pelayar untuk memasuki "Tetapan". 2. Kemudian dalam menu tetapan yang terbuka, buka "Tetapan Paparan Keserasian". 3. Masukkan URL untuk ditambahkan dalam kotak edit di bawah Tambah tapak web ini, dan kemudian klik "Tambah". 4. Akhir sekali, anda boleh melihat nama domain URL tambahan di bawah, dan anda boleh mengaksesnya terus dengan menutup tetingkap.
Cara menangani ketidakserasian versi Eclipse
Jan 04, 2024 am 10:29 AM
Apakah yang perlu saya lakukan jika saya menghadapi versi Eclipse yang tidak serasi? [Pengenalan] Sebagai alat pembangunan yang popular, Eclipse bukan sahaja menyediakan fungsi berkuasa dan pemalam yang kaya, tetapi juga mempunyai ciri merentas platform. Walau bagaimanapun, apabila menggunakan Eclipse, kadangkala anda mungkin menghadapi masalah ketidakserasian versi, yang boleh menyebabkan program gagal berjalan dengan betul atau menyusun ralat. Artikel ini akan menerangkan cara menangani ketidakserasian versi Eclipse dan menyediakan beberapa contoh kod untuk menyelesaikan isu keserasian biasa. [Penyelesaian] Kemas kini Ecl
Pengenalan kepada kaedah tetapan win10 yang serasi dengan win7
Jan 03, 2024 pm 05:09 PM
Sebab mengapa ramai rakan masih memilih sistem win7 dan bukannya sistem win10 adalah kerana mereka takut keserasian yang tidak baik. Malah, sistem win10 kini boleh menetapkan mod keserasian win7 Anda hanya perlu menukar tetapan dalam sifat Mari kita lihat bersama-sama. Bagaimana untuk menjadikan win10 serasi dengan win71? Pertama, klik kanan pada program yang perlu kita jalankan di bawah sistem win7, kemudian buka "Properties" 2, kemudian klik "Compatibility" di atas untuk memasuki tab keserasian. 3. Tandakan "Jalankan program ini dalam mod keserasian" dalam mod keserasian 4. Kemudian pilih "Windows 7" dari menu lungsur di bawah 5. Selepas selesai, hanya klik "Guna" atau klik "OK".
