首页 >

css3火狐兼容怎么写 |溢出属性 css

如何插css,css制作随机背景,css表格的字体设置,css去掉option的边框,css中图片怎么往右移,css3扩散动画效果,溢出属性 csscss3火狐兼容怎么写 |溢出属性 css

在编写CSS3样式时,大家可以通过以下方式来实现火狐的兼容性:

// 对不同的浏览器设置不同的样式
-moz-transition: all 1s;
-webkit-transition: all 1s;
// 兼容火狐浏览器圆角样式
-moz-border-radius: 5px;
border-radius: 5px;
// 兼容火狐浏览器文字阴影样式
-moz-text-shadow: 1px 1px 1px #ccc;
text-shadow: 1px 1px 1px #ccc;
// 兼容火狐浏览器背景渐变样式
background: -moz-linear-gradient(top, #fff 0%, #eee 100%);
background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
background: linear-gradient(to bottom, #fff 0%, #eee 100%);

其中,-moz-是用来针对火狐浏览器进行兼容性处理的属性前缀,其他的浏览器使用的是-webkit-前缀或者不使用前缀。如果大家将以上样式代码的-moz-前缀去掉,其他浏览器仍然可以正常显示,但是火狐浏览器在渲染样式时可能会出现问题。

总之,在编写CSS3样式时,尽量避免只考虑某一种浏览器的兼容性,应该根据不同的浏览器使用相应的属性前缀,让样式在各种浏览器中都可以正常显示。


css3火狐兼容怎么写 |溢出属性 css
  • css3圆形调节按钮 |css代码前面加点
  • css3圆形调节按钮 |css代码前面加点 | css3圆形调节按钮 |css代码前面加点 ...

    css3火狐兼容怎么写 |溢出属性 css
  • CSS枪托 |导航css样式
  • CSS枪托 |导航css样式 | CSS枪托 |导航css样式 ...

    css3火狐兼容怎么写 |溢出属性 css
  • HTML的标题的代码是什么? |docx4j word转html
  • HTML的标题的代码是什么? |docx4j word转html | HTML的标题的代码是什么? |docx4j word转html ...