文章/答案/技术大牛

发布

文章/答案/技术大牛

社区首页 >问答首页 >]wxss中background使用背景图片无效怎么办？

问]wxss中background使用背景图片无效怎么办？

提问于 2018-03-15 22:26:17

回答 2关注 0查看 663

wxss中background使用背景图片无效怎么办？

在开发工具正常，手机上面预览，样式背景图片都无效了！

background

开发工具

手机

liwen223

发布于 2018-03-16 07:39:04

关于背景图片的问题，最好的办法是改成网络地址，如果是不更换的小图标，icon一类的可以转成base64。

查看全部 2 条回答

wxss学习系列《三》背景（Background）与颜色（Color），边框(Border)

容器

一、背景（Background）与颜色（Color）一、背景：background。设置对象的背景特性。一个元素可以设置多重背景图像，每组之间用逗号隔开，如果存在重叠关系，前面的背景图像会覆盖在后

极乐君

2018/02/05

3.1K0

wxss学习系列《三》背景（Background）与颜色（Color），边框(Border)

CSS background-attachment 背景图片固定效果

attachment background fixed 浏览器

当给页面body设置背景图片，背景图片默认是随着滚动条下拉而滚动的。下面写一个示例看看，如下：

Devops海洋的渔夫

2019/06/02

1.2K0

小程序通过background-image设置背景图片

小程序

微信小程序通过background-image设置背景：只支持线上图片和base64图片，不支持本地图片；base64图片设置步骤如下： 1.在网站http://imgbase64.duoshitong.com/上将图片转成base64格式的文本

李才哥

2019/07/10

3.8K0

CSS3背景图片background属性简写/连写

html5

在开发中背景属性 background 还是很常用的， background 有很多属性，如 background-color 背景颜色、 background-image 背景图像、 background-position 背景图像的位置、 background-size 背景图片的尺寸、 background-repeat 重复背景图像、 background-origin 定位区域、 background-clip 绘制区域、 background-attachment 是否固定或者跟随页面滚动。

德顺

2019/11/13

5.3K0

前端：如何让background背景图片进行CSS自适应

css

但是设置成login背景时，如果没有做一些css适应设置，图片就变样了，变成了这样：

朱季谦

2020/10/10

4.5K0

【CSS】CSS 背景设置 ④ ( 超大背景图片设置 | 背景图片定位设置 background-position: center top； )

css 网站 background center 网站开发

图片编辑策略 : 在高分辨率的电脑上可以显示全部内容 , 在低分辨率的电脑上只能显示下图红色矩形框中的内容 , 这里建议将图片的核心内容放在图片的中心偏上的位置 , 如下图所示的白色矩形范围中 ;

韩曙亮

2023/03/30

2.2K0

【CSS】CSS 背景设置 ④ ( 超大背景图片设置 | 背景图片定位设置 background-position: center top； )

如何给小程序页面加载一张背景图片

小程序

我们知道，在PC端，想在一个页面插入一张背景图，只需要如下属性即可。 background-image: url("../images/photo.png"); 在小程序里面，如此做法就行不通了，图

王小婷

2018/05/31

4.6K0

CSS background属性使用指南

css

在日常开发中，我们常常需要对背景图进行一个尺寸的缩放，上面的常规操作是无法满足我们的需求的。如果是多行属性的操作中，我们可能是这样写：

Sneaker-前端公虾米

2021/12/23

9400

小程序快速入门教程 1.3 链接与图片

小程序微信 css

在 app.json 的 pages 配置项⾥新建⼀个二级⻚⾯ imgshow ：

twowinter

2020/04/17

9480

微信小程序中-[渲染层网络层错误] pages/card/card.wxss 中的本地资源图片无法通过 WXSS 获取-解决办法

小程序 https java 微信网络安全

2. base64 将图片转换为base64，转换图片网址，转换后将得到的字符放在background-image属性值原位置处

全栈程序员站长

2022/09/12

1.3K0

微信小程序中-[渲染层网络层错误] pages/card/card.wxss 中的本地资源图片无法通过 WXSS 获取-解决办法

移动端与PC端页面布局区别、background-size 背景图片的缩放

容器

HTML页面在电脑的浏览器显示跟在手机端的浏览器显示效果是不一样的，下面写个div来示例看看。

Devops海洋的渔夫

2019/05/31

3.2K0

不同样式tooltip对话框小三角的css实现

https 网络安全

开发过程中已经遇到过好多次需要手动实现 tooltip 样式了，这里就总结下，以便未来更好的复制粘贴。

用户4456933

2021/07/12

2.2K0

不同样式tooltip对话框小三角的css实现

https 网络安全

开发过程中已经遇到过好多次需要手动实现 tooltip 样式了，这里就总结下，以便未来更好的复制粘贴。

windliang

2022/09/23

8330

热门微信小程序demo源码分享

小程序 xml html 微信 javascript

代码下载后，把 image 文件夹删除（放的是README中的图片与项目无关），用小程序 IDE 打开后即可使用。

林老师带你学编程

2019/05/25

2.7K1

Background Fetch

ios android

Background Fetch 是iOS7带来的非常Cool的新特性，开启Background Fetch的App会被系统在合适的时机执行后台任务的代码。比如这个场景：你每天晚上10点会通过自己的RSS阅读器App来阅读，系统可能会在10点之前执行App中设定的下载RSS最新资源的任务，当你打开RSS阅读器App的时候就显示出最新的内容。实现Background Fetch的步骤也是非常的简单，下面就来看一下。

JoeyBlue

2021/09/07

2.7K0

使用grunt对css中的background图片自动生成雪碧图

css javascript

公司研发的系统为B/S架构，用户使用浏览器访问系统时，使用浏览器自带工具查看，对图片的请求数极多，多为小图片。今天想对这个现状进行改善，网上查到一种雪碧图的方案，其实就是使用工具将数量很多的小图片拼成一张大图片，然后css里都引用这张大图片，并指定显示该图片的某一个区域，但这个方案需要手工作很多处理。于是就想到能不能用目前比较成熟的grunt对前端样式文件自动进行处理，自动生成雪碧图，自动修改样式文件。一搜索果然找到了方案，下面为Gruntfile.js文件的片断： module.exports = f

jeremyxu

2018/05/09

1.7K0

[小程序] 编译 .wxss 出错2 not found

微信网站

C:\Users\Administrator\AppData\Local\微信web开发者工具\User Data\WeappVendor windows的话在这个路径。 /Users/xxxx/Library/Application Support/微信web开发者工具/WeappVendor mac的话在这个路径。

用户2353021

2020/05/11

9460

微信小程序项目实战

小程序微信 https 网络安全 html

微信小程序开发设置的背景图片不显示，这是由于：background-image 只能用网络url或者base64图片编码，本地图片只能用 image标签src属性才行。当然 image标签src属性也可以使用网络url或者base64图片编码。

生南星

2020/04/26

2.1K0

background-clip的正确使用姿势

html

background-clip可以用来控制背景图片／颜色的填充范围。我们知道，默认的background会填充盒模型的content+padding+border区域内。（可以将border颜色设为透明进行观察）

贾顺名

2019/12/10

1.8K0

background样式

php

background样式 background-image: url("a.jpg"); /默认状态下是平铺的/ background-repeat: no-repeat; /背景不平铺/ background-color: red; /背景图片比背景颜色层级高/ background-repeat: repeat-x; /背景水平平铺/ background-repeat: repeat-y; /背景垂直平铺/ background-position: 10px 10px; /背景定位/ 第一个参数水平，第二个参数垂直 left、center、right top、center、bottom

河湾欢儿

2018/09/06

1.3K0

相似问题

fail can not invoke relaunch in background怎么办？

24.2K

怎么办怎么办？

1159

401 - 未授权: 由于凭据无效，访问被拒绝。该怎么办？

310.4K

ls命令无法使用，怎么办？

2983

这个链接无法使用了怎么办？

2309