背景图片没有出现在手机上

时间:2016-07-12 21:43:43

标签: html css twitter-bootstrap

https://hamzicabdulah.github.io/personal-portfolio/

当我在我的PC /笔记本电脑上打开页面时,任何浏览器都能正常工作 - 页面响应,所有背景图像都出现在任何屏幕尺寸上......但是,当我在手机上打开页面时,前两个部分的背景图像不会出现。我不知道如何解决这个问题。我已尝试删除以下移动尺寸代码:

background-attachment: fixed;

......但这根本没有改变。任何人都可以帮我这个吗?

1 个答案:

答案 0 :(得分:0)

好的,基本上,我自己想出答案,所以我会在这里发布,这样任何有类似问题的人都会觉得这很有帮助。我实际上只是发现线性渐变显然无法在某些移动设备上运行,因此使用像这样的css代码......

background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3)), url('http://www.inmeteo.net/blog/wp-content/uploads/2016/03/toscana.jpg') center;

...对于移动视图,某些设备上的背景图像不可见(例如,我的三星Galaxy S3)。因此,我刚刚删除了移动视图的线性渐变,现在工作正常......