区别:1、 wxss不能直接通过css3中的background-image属性来设置显示的背景图片;2、小程序中的文档流中不存在window、document对象,在使用css3属性position时需注意为基础节点设置fixed属性值。
wxss和css3的区别
例如我在wxss中书写如下
background-image: url(imageB.png);
控制台打印:
pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取,可以使用网络图片,或者 base64,或者使用<image/>标签。
使用时应注意,为基础节点container设置fixed属性,否则position=absolute不会生效 /**app.wxss**/ .container { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 200rpx 0; box-sizing: border-box; position: fixed; }
<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>
3.其他
支持动画 @keyframes,貌似不能加厂商前缀。
支持过渡 transition。
更多编程相关知识,请访问:编程入门!!
以上是wxss和css3的区别是什么的详细内容。更多信息请关注PHP中文网其他相关文章!