wxss和css3的区别是什么-前端问答-PHP中文网

wxss和css3的区别是什么

青灯夜游

发布： 2020-12-21 15:05:35

原创

3885人浏览过

区别：1、 wxss不能直接通过css3中的background-image属性来设置显示的背景图片；2、小程序中的文档流中不存在window、document对象，在使用css3属性position时需注意为基础节点设置fixed属性值。

wxss和css3的区别是什么

wxss和css3的区别

0 . wxss不能直接通过css3中的background-image属性来设置显示的背景图片。

例如我在wxss中书写如下

background-image: url(imageB.png);

登录后复制

控制台打印：

pages/index/index.wxss 中的本地资源图片无法通过 WXSS 获取，可以使用网络图片，或者 base64，或者使用<image/>标签。

登录后复制

1 .小程序中的文档流中不存在window、document对象，即不能使用jquery与zepto等js库区操作dom。这也从另一方面致使css3属性：position 在使用时需要一些注意事项。

使用时应注意，为基础节点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;
}

登录后复制

**2. 小程序中wxml中设置wxss变量时，应返回string类型值(注意 " " 和 ' ' 之间的嵌套关系’’)。如下：**

<view id='imageBtn' style='display:{{imageBtn_display?"inherit":"none"}}' catchtouchmove='touchRotateAction'></view>

登录后复制

3.其他

立即学习“前端免费学习笔记（深入）”；

牛NIUCMS本地O2O系统

牛NIUCMS本地O2O系统是一个以php+mysql进行开发的o2o网站系统。NIUCMS是一款强大的网站管理系统。支持智慧城市、智慧小区、智慧乡村、本地生活门户、本地O2O平台的构建。请注意以下几点：1、这套源码必须要服务器支持伪静态，是支持.htaccess规则的伪静态，一般Apache服务器支持，别搞的下载回去以后说什么缺少文件，其实源码并非缺少文件。2、这套源码请在php 5.4环境下