0
我有一个HTML格式的CSS样式表页面。它适用于我的电脑(IE,Chrome,Firefox和Opera)的每个浏览器,但是,从我的智能手机(Android 4.4.2)中打开它,背景和正文图像不会加载,而其他规则很有用。CSS图像/背景无法在智能手机上启动?
这里是我的背景@media规则:
<style type="text/css" rel="stylesheet" media="all">
.headerone {width:900px;
height:300px;
margin-left:243px;
text-align:center;
background-color:transparent;
}
.thead {font-family:"Traditional Arabic";
font-size:60px;
text-align:left;
color:#A30B0B;
}
.pic {margin-left:10px;
border-radius:12px;
margin-top:10px;
}
body {background-image:url("sf1.jpg");
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
}
.ex {font-family:"Traditional Arabic";
font-size:24px;
text-align:center;
}
.toolbar
{width:1200px;
height:100px;
display:block;
margin:auto;
text-align:center;
font-family:Verdana;
font-size:16px;
background-color:#74391F;
text-decoration:none;
color:white;
border-radius:12px;
background-attachment:fixed;
}
.downbarcon, a:link{
display:inline-block;
text-align:center;
text-decoration:none;
color:white;
}
.downbarcon, a:hover, a:visited, a:active{background-color:#B29090;
color:white;
text-decoration:none;
}
a:link {
padding:0px 10px;
word-wrap:normal;
display:inline-block;}
.downbar{
position:relative;
display:inline-block;
}
.downbarcon{
display:none;
position:absolute;
width:260px;
box-shadow: 8px 4px black;
background-color:#74391F;
}
.downbar:hover .downbarcon{
display:block;
background-color:#74391F;
}
#datas{margin-left:300px;
width:800px;
text-align:left;
font-family:"Traditional Arabic";
font-size:18px;
background-color:beige;
}
p {font-family:"Traditional Arabic";
font-size:18px;
margin-left:20px;
}
#frie {width:500px;
margin-left:470px;
background-color:white;
border-radius:16px;
font-family:"Traditional Arabic";
font-size:18px;
text-align:center;
}
.fot{width:200px;
height:100px;
text-decoration:none;
}
.foot, .foot:link{
text-decoration:none;
background-color:transparent;
text-align:left;
}
.like, .like:link, .like:hover, .like:active, .like:visited {
text-decoration:none;
background-color:blue;
color:white;
font-family:verdana;
font-size:12px;
margin-left:10px;
border-radius:12px;
border-right:3px solid white;
border-left:3px solid white;
border-top:3px solid white;
border-bottom:3px solid white;
}
.log {
border-radius:12px;
background-color:blue;
width:25px;
height:25px;
}
.footer, .tess {
width:1200px;
margin:auto;
display:block;
text-align:center;
font-size:12px;
background-color:#A5978A;
color:black;
}
我使用的图像的普通HTML规则,使用类添加显示器修改,有人可以解释我为什么他们不会加载图片我手机?
PLS张贴例如代码到https://jsfiddle.net/,所以我可以帮助 –
https://jsfiddle.net/cpmfyuws/1/这里有示例代码。 – Deanjoe
正如我所看到的,问题不在于标签,只是图像不会加载。此外,图像是在没有源代码路径的文档html(如C:/用户/ etc// img)相同的文件夹,所以,它只是我的智能手机的一个问题? – Deanjoe