网页兼容性
浏览数：37 /
时间：2015年06月09日
全兼容 渐变效果 头颜色#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] 这种写法
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
