首页 > 代码库 > 网页兼容性

网页兼容性

2024-07-19 23:49:30   215人阅读

全兼容 渐变效果 头颜色#F3A8A8 尾颜色#e23b2e
background: #F3A8A8; /* Old browsers */
background: -moz-linear-gradient(top,#F3A8A8,#e23b2e);/*FF 3.6+ */
background: -webkit-gradient(linear,left top,left bottom, color-stop(0, #F3A8A8), color-stop(1, #e23b2e));/* Chrome,Safari4+ */
background: -webkit-gradient(linear,left top,left bottom,from(#F3A8A8), to(#e23b2e));
filter:alpha(opacity=100 finishopacity=100 style=1 startX=startX，startY=startY，finishX=finishX，finishY=finishY)
progid:DXImageTransform.Microsoft.gradient( startColorstr=‘#F3A8A8‘, endColorstr=‘#e23b2e‘,GradientType=1 ); /* IE6-9 */
background: -ms-linear-gradient(top, #F3A8A8 0%,#e23b2e 100%); /* IE10+ 0%表示从头开始 100% 表示结束*/

 

全兼容 border-radius
 -moz-border-radius: /*FF*/
 -webkit-border-radius:/*Chrome,Safari*/
 -ms-border-radius: 
border-top-left-radius: /*0p IE9左上角 */
border-top-right-radius: /*0p IE9右上角 */
border-bottom-right-radius: /*0p IE9右下角*/
border-bottom-left-radius: /*0p IE9左下角*/
在根目录下放文件pie.htc文件
behavior: url(pie.htc);
 
全兼容 box-shadow
box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
-wibkit-box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
-moz-box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
-ms-box-shadow: 0 0 0 10px rgba(255,255,255,0.1);
在根目录下放文件pie.htc文件
behavior: url(pie.htc)
由于某种原因，您无法修改服务器配置（例如公用主机，或是空间服务商提供的服务器），您可以用一个PHP文件来间接调用htc文件。
<?php  header( ‘Content-type: text/x-component‘ );  include( ‘pie.htc‘ );  ?>
通过PHP文件来增加一个含有“text/x-component”字样的Content-type头，同时调用pie.htc文件。需要将pie.php和pie.htc放在同一个文件夹目录下，同时CSS中的behavior写法应该是：
behavior: url(pie.php); 


另补充
IE8不支持 input[type=text] 这种写法

网页兼容性


联系
我们