关于css中background-repeat:no-repeat的问题

kevinnu · 发表于 2015-4-8 11:30:02

本帖最后由 kevinnu 于 2015-4-8 11:31 编辑

我在div的style中加入如下样式height:80px;background:url(./img/gf_bg1.png) no-repeat;background-repeat:no-repeat;background-position:center;在编辑器中显示是正确的，为什么在模拟器中no-repeat限制失效了呢?
编辑器：D:\编辑器.png
模拟器：D:\模拟器.png

kevinnu · 发表于 2015-4-8 11:44:58

在这张图片下面还有一层背景，我是采用宽1像素的图片repeat而成

kevinnu · 发表于 2015-4-8 16:22:44

已经解决，是WeX5的可视化设计的bug，我用代码写出来了。希望起步技术人员能够尽快解决这个问题！

jishuang · 发表于 2015-4-14 16:14:18

设置背景图片用bind-style然后如下设置：
{backgroundImage:$model.transURL('./image/2.jpg'),backgroundRepeat:'no-repeat',backgroundAttachment:'fixed'}

transURL函数的定义如下：
      Model.prototype.transURL = function(url) {
         var real = require.toUrl(url);
            return "url('"+real+"')";
      };

X5管理员 · 发表于 2015-5-8 17:18:37

jishuang 发表于 2015-4-14 16:14
设置背景图片用bind-style然后如下设置：
{backgroundImagemodel.transURL('./image/2.jpg'),backgroundR ...

设置背景图片用bind-style然后如下设置：
{backgroundImage

model.transURL('./image/2.jpg'),backgroundRepeat:'no-repeat',backgroundAttachment:'fixed'}

这个方法不能显示背景图片啊！！！请提供新的方法

jishuang · 发表于 2015-5-8 17:43:52

chrome访问打开调试工具，看看netWork中监控图片的url是否正确

sanxiaba · 发表于 2017-11-28 11:26:56

如何让背景图片占满整个屏幕？

		自动登录	找回密码
密码			注册

[结贴] 关于css中background-repeat:no-repeat的问题