masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > html tutorial > ie兼容问题_html/css_WEB-ITnose

ie兼容问题_html/css_WEB-ITnose

WBOY
Lepaskan： 2016-06-24 11:54:45
asal
898 orang telah melayarinya

1、ie8设置圆角,在根目录下添加iecss3.htc(i解释ie8的矢量语言，也就是一个js写的插件,虽然后缀名不是js)

    <style type="text/css">    body { padding-top: 70px; }        .yuan {     border: 2px solid #C0C0C0;     -moz-border-radius: 10px;     -webkit-border-radius: 10px;     border-radius: 10px;     position:relative;     padding:5px;     background:#FFF;     z-index:2;     width:330px;     height:200px;     behavior: url(iecss3.htc)     }     </style><body>    <div class="yuan">     DIVCSS5圆角实例<br>     CSS3版本圆角实例，<br>     支持低版本IE6-IE9浏览器     </div></body>
Salin selepas log masuk

2、ie中透明度问题，

.a{ background:#FF0000; opacity:0.5;/*不透明度，支持非IE，会影响子元素透明度*/   filter:alpha(opacity=50);/*不透明度，支持IE，会影响子元素透明度*/}.b{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFF0000', endColorstr='#7FFF0000');/*支持IE，不透明度，包括颜色的*/background:rgba(255,0,0,0.5);/*支持非IE，不透明度，包括颜色的*/
Salin selepas log masuk

.transparent{    /* IE 8 */  -ms-filter: "progidXImageTransform.Microsoft.Alpha(Opacity=50)";  /* IE 5-7 */  filter: alpha(opacity=50);  /* Netscape */  -moz-opacity: 0.5;  /* Safari 1.x */  -khtml-opacity: 0.5;  /* Good browsers */  opacity: 0.5;}
Salin selepas log masuk

 

3、ie中的a 去掉点击后的虚线

  

  outline:none;border:none; 

Label berkaitan：
ie兼容问题
sumber：php.cn
Artikel sebelumnya：css sprites介绍_html/css_WEB-ITnose Artikel seterusnya：一款基于css3的简单的鼠标悬停按钮_html/css_WEB-ITnose
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
Artikel terbaru oleh pengarang
Isu terkini
**Jenis ralat: Tidak dapat mengulangi objek 'NoneType'** Saya mahu menggunakan terowong ssh untuk mengakses pangkalan data Mysql. Malangnya, seni b...
daripada 2024-04-06 10:26:38
0
1
378
Perintah pelaksanaan fungsi penjadualan VueJS menyebabkan masalah Saya cuba memaparkan senarai pengumuman (diambil daripada API) pada halaman. Saya mengguna...
daripada 2024-04-06 10:37:58
0
1
385
Perintah darab (*) saya tidak dikira Asterisk saya tidak berfungsi, apabila saya melakukan fungsi calc() dan melakukan notasi p...
daripada 2024-04-04 21:18:17
0
1
315
Mencuba segala-galanya tetapi masih kandungan HTML tidak ditunjukkan Pada asasnya, kandungan dokumen html tidak akan memaparkan apa-apa pada penyemak imbas. Do...
daripada 2024-04-04 19:16:15
0
1
3496
Pastikan bekas sel jadual memenuhi keseluruhan ketinggian induk Saya cuba menjajarkan kandungan secara menegak tanpa menggunakan Flexbox, kerana terdapat ...
daripada 2024-04-04 16:03:18
0
1
404
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan