Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-apps-script/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
通过Tumblr自定义主题在iphone/ipad上出现背景错误_Iphone_Css_Background Image_Tumblr - Fatal编程技术网

通过Tumblr自定义主题在iphone/ipad上出现背景错误

通过Tumblr自定义主题在iphone/ipad上出现背景错误,iphone,css,background-image,tumblr,Iphone,Css,Background Image,Tumblr,我在Tumblr中以固定背景重新拍摄。然而,当我在网站上添加帖子时,ipad和iphone中的移动视图不允许背景延伸到整个页面。它的顶部和底部都有黑色空间(我无法添加图像,因为我是新来的) 背景的自定义CSS如下所示: body { margin-top:15px; background-position:center center; background-image:url('https://dl.dropboxusercontent.com/u/2633376/PS_web_BG_01.jp

我在Tumblr中以固定背景重新拍摄。然而,当我在网站上添加帖子时,ipad和iphone中的移动视图不允许背景延伸到整个页面。它的顶部和底部都有黑色空间(我无法添加图像,因为我是新来的)

背景的自定义CSS如下所示:

body {
margin-top:15px;
background-position:center center;
background-image:url('https://dl.dropboxusercontent.com/u/2633376/PS_web_BG_01.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
我对编码还比较陌生,所以仍然在学习。是否有任何东西可以添加到HTML或CSS中,从而允许移动查看复制我希望的网站外观


提前感谢

看起来您的div id=“content”正在覆盖它,我建议设置img,a img,a:hover img{border:0!重要;max width:100%;}而不是500px,并将您的#content也设置为100%。让我知道进展如何我可以帮忙谢谢你的回复!恐怕没用。将#content设置为100%会使发布容器覆盖整个页面宽度,这不是我想要的。我喜欢紧凑的中央容器。从背景问题来看,该网站在移动旁白上看起来不错。好的,试试这个
/*智能手机(纵向和横向)------*/@仅媒体屏幕和(最小设备宽度:320px)和(最大设备宽度:480px){#posts{rgba(187,186,186,0.5)}
和ipad
/*ipad(纵向和横向)--------*/@media only screen and(最小设备宽度:768px)和(最大设备宽度:1024px){#posts{rgba(187,186,186,0.5)}
rgba中的a是一个控制不透明度的值,因此可以使其透明,并且可以看到背景确实扩展了整个宽度