时间:2021-05-08
css3.0增加的新属性,如投影、渐变、旋转、圆角等等!这些新标准属性在ie6、ie7、ie8浏览器版本里得不到很好的支持,相信ie以后的新版本也会支持这些新属性的。目前ie6、ie7、ie8浏览器不支持这些属性并不能说明ie就实现不了css3.0新属性的效果!css3please.com网站为我们收集整理了一些css3.0新属性效果在ie下的解决方案!
.box_round { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
.box_shadow { -moz-box-shadow: 0px 0px 4px #ffffff; -webkit-box-shadow: 0px 0px 4px #ffffff; box-shadow: 0px 0px 4px #ffffff; }
.box_gradient { background-image: -moz-linear-gradient(top, #444444, #999999); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; }
.box_rgba { background-color: #B4B490; background-color: rgba(180, 180, 144, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99B4B490',EndColorStr='#99B4B490')"; }
.box_rotate { -moz-transform: rotate(7.5deg); -o-transform: rotate(7.5deg); -webkit-transform: rotate(7.5deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.9914448613738104, M12=-0.13052619222005157, M21=0.13052619222005157, M22=0.9914448613738104)"; zoom: 1; }
.box_transition { -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; }
@font-face { font-family: 'WebFont'; src: url('myfont.eot'); src: local('☺'), url('myfont.woff') format('woff'), url('myfont.ttf') format('truetype'); }
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS3.0新特性。CSS是指层叠样式表(CascadingStyleSheet)。在网页设计过程中使用CSS可以对页面布局、背景、字体大小、颜色等效果进行展示
给大家分享一个用CSS3.0结合video视频实现的创意开幕,效果如下:以下是代码实现,欢迎大家复制粘贴和收藏。CSS3.0结合video视频实现的创意开幕*{
模块尺寸调整。在CSS3.0中首先设置resize的horizontal、vertical,both等属性,并加上max-width或min-width防止破坏
html复制代码代码如下:邮箱登录使用border-radius属性,制作圆角复制代码代码如下:.loginbox{
以下是解决方案:方法一:在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true”属性即可,但