起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 2757|回复: 8

[处理中3] 在content中添加背景图片,如何设置拉伸效果

[复制链接]

3

主题

17

帖子

33

积分

新手上路

Rank: 1

积分
33
QQ
发表于 2017-9-4 15:15:50 | 显示全部楼层 |阅读模式
我在css里写了background-size:100% 100%;但是在浏览器运行的时候发现并没有按画面拉伸。
看了一下style里原本就有一个background-size:cover:请问怎么能把这个cover去掉呢?
111.png

3

主题

17

帖子

33

积分

新手上路

Rank: 1

积分
33
QQ
 楼主| 发表于 2017-9-5 10:01:16 | 显示全部楼层
liangyongfei 发表于 2017-9-4 17:28
css加载会慢一些! 在style中设置最快的!但是这个默认的样式好像是组件动态设置的!】
只能修 ...

这个判断是否同步执行完的代码里,为什么我运行的时候提示ducoment.getElementByClassName is not a function ?
code.png
回复 支持 1 反对 0

使用道具 举报

发表于 2017-9-4 15:35:16 | 显示全部楼层
css中定义  ,可以设置 !important  增加权重!  
这个应该是组件生成动态添加的!
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

17

帖子

33

积分

新手上路

Rank: 1

积分
33
QQ
 楼主| 发表于 2017-9-4 17:13:14 | 显示全部楼层
liangyongfei 发表于 2017-9-4 15:35
css中定义  ,可以设置 !important  增加权重!  
这个应该是组件生成动态添加的!
...

好的,谢谢!另外还有一个问题,我设置了拉伸效果之后,使用浏览器运行页面加载的时候,图片是先加载了原比例然后拉伸的,视觉上就会先有一道白边,这个有去除的办法么?
回复 支持 反对

使用道具 举报

发表于 2017-9-4 17:28:12 | 显示全部楼层
mainhy 发表于 2017-9-4 17:13
好的,谢谢!另外还有一个问题,我设置了拉伸效果之后,使用浏览器运行页面加载的时候,图片是先加载了原 ...

css加载会慢一些! 在style中设置最快的!但是这个默认的样式好像是组件动态设置的!】
只能修改组件,找到这个style 是什么时候设置的

或者等待页面加载完成后在跳转

http://docs.wex5.com/wex5-ui-question-list-2197
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

17

帖子

33

积分

新手上路

Rank: 1

积分
33
QQ
 楼主| 发表于 2017-9-4 17:54:38 | 显示全部楼层
liangyongfei 发表于 2017-9-4 17:28
css加载会慢一些! 在style中设置最快的!但是这个默认的样式好像是组件动态设置的!】
只能修 ...

(⊙o⊙)…我没太明白您说的“修改组件,找到这个style是什么时候设置的”是什么意思。。
回复 支持 反对

使用道具 举报

发表于 2017-9-5 09:39:00 | 显示全部楼层
mainhy 发表于 2017-9-4 17:54
(⊙o⊙)…我没太明白您说的“修改组件,找到这个style是什么时候设置的”是什么意思。。 ...

就是找到组件的源码!什么代码里面生成 background-size:cover 的!  修改源码才能解决
把background-size:cover 去掉,
然后在content 里面设置静态的style属性background-size:100% 100%;

这样页面才能立即渲染的
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

3

主题

17

帖子

33

积分

新手上路

Rank: 1

积分
33
QQ
 楼主| 发表于 2017-9-5 09:40:11 | 显示全部楼层
liangyongfei 发表于 2017-9-5 09:39
就是找到组件的源码!什么代码里面生成 background-size:cover 的!  修改源码才能解决
把background-si ...

好的,谢谢!
回复 支持 反对

使用道具 举报

发表于 2017-9-5 11:12:10 | 显示全部楼层
mainhy 发表于 2017-9-5 10:01
这个判断是否同步执行完的代码里,为什么我运行的时候提示ducoment.getElementByClassName is not a func ...

document.getElementsByClassName   是 浏览器自带的方法! 你可以上网搜下用法!
其实就是判断class 书否存在,也可以使用$('x-default-overlay-open')  进行判断
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-7 04:03 , Processed in 0.060033 second(s), 27 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表