① html背景图片在手机上显示不出来,求帮助
随着移动互联网的发展,大多数企业在制作网站的时候,为了兼容各种设备,会制作出PC端、移动端二种版,根据不同的设备跳转到不同的网站,从而实现用户体验最优化。
那么,问题来了,笔者遇到一个问题,有个企业老网站之前通过DIV+CSS布局的。电脑端打开网站布局排版都正常。当用手机打开其电脑版的网站时,只要涉及背景的代码,在手机浏览器上显示不完整,出现混乱的排版,具体案例如下:
(手机浏览PC端的网站出现了对不齐的问题)
针对这样的问题主要原因是div 在定义样式时 PC端样式只设置一个高度,不用设置宽度,是可以铺满全屏的,到了手机端无法铺满全屏了。
比如你PC端定义的div样式可能是这样的 .flash { height:530px; margin:0px auto; text-align:center; } 没有定义宽度,或者宽度你定义成width:100%。在手机端时,就会出现如上图的布局混乱的局面。
那么,如何实现在手机端浏览pc端的网站也能像在电脑端显示的效果一样呢(左右对齐)。
阿想同学做了一个简单的修改就可以了。就是所有的排版先不要动。在body元素里添加一个最小宽度(如:min-width:1200px)就可以解决。是不是很方便。
至于手机端浏览器,为什么要显式的添加一个宽度才可以显示呢? 请各位大神在下方法评论。。
② 初学html,在body中设置的把背景图为什么在页面中打不开
可能是路径不对,你这样写要求图片和html在同一目录下。
③ html大神救命!为什么背景图无法显示
1、background-color:#000;
去掉就可以显示图片,因为前面你设置了背景图片,后面又设置背景颜色,覆盖了。
2、字体,你可以用Dreamweaver编辑代码,里面的css有可选字体:
上面数行,如果没你喜欢的,下面“编辑字体列表”也应该有。不过有一点可以肯定,不同的浏览器即使你设置了同样的字体,显示的效果也不一样,chrome可以显示,firefox或许就不能显示,IE就不用说了。有问题再提问。
④ HTML 插入背景图片怎么看不见呢
这是路径问题。
我给你说明白吧。
可能我说的有些啰嗦
但是绝对对你有用
网页文件的存放位置有3种:1物理路径
2绝对路径
3相对路径
物理路径就不给你说了
相信你也明白
我就主要给你说明白
访问网页经常用到的
绝对路径
和相对路径
------------------------------------------------
绝对路径就是以网站的根目录作为起始点,某网页文件的位置信息。比如你的网站存放在
D:\Web
即D:\Web
就是根目录。有一个网页文件index.html在这个目录的子目录images里,那么index.html的绝对路径就是/images/index.html
在这里最开头的/表示网站根目录。
相对路径则是指用当前网页所在的目录为起始点,……………………。比如上面的例子,如果当前浏览者正在浏览images子目录下的其他文件,那么index.html的相对路径表示就是index.html,这就是因为他们都处于同一个目录下。如果当前浏览者在浏览images文件下层的某子文件夹,那么index.html的相对路径表示方式就是../index.html,如果目录比较深,那么index.html的相对路径则每跳出一层文件夹就用一个..表示。
⑤ HTML设置了背景图片但是显示不出来
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Title</title>
<style>
body
{
background-image:url("http://img06.tooopen.com/images/20160811/tooopen_sy_175126843516.jpg");
}
</style>
</head>
<body>
<table>
<tr><th>北京图片源于网络</th></tr>
</table>
</body>
</html>
不知道你是怎么写的,光看你的style部分倒是没错,但是有可能你把body标记写掉了,从而导致style样式找不到元素,当然也有可能是别的原因。你可以复制我上面的代码,这个是引用的网络图片,先看看效果。
⑥ A标签的背景图片为什么不显示出来 .
A标签的背景图片不显示出来,是设置错误造成的,解决方法如下:
1、首先新建一个空白的HTML文档。
⑦ 我html的背景图片显示不出来 代码应该也没有问题。
你好,看了你的代码,你的代码出现了严重的问题,样式格式不对,难怪你会显示不出来呢。你看一下你body那里的CSS样式写的,看清楚了吗,是不是很严重啊,你既然已经加了样式了,就不能这样设置了,我把修改的给你:
<body style=“background:url(123.jpg) no-repeat”>
这里的意思就是显示不重复的背景图像,这里除了no-repeat外,还有repeat-x表示X轴平行重复显示,repeat-y表示Y轴垂直重复显示。这两个你可以尝试一下。
也许你不想加样式,原本就是直接加背景图像,加到body就行了,那你直接将其修改为:
<body background="123.jpg">
这样就可以不加样式直接加背景图像了
还有一点就是你要记住,图像地址一定要存在的,而且是相对地址,不要绝对地址,要不然你上传空间就看不到了。
所以我说你代码严重错误了吧,希望我的回答能令你满意!
⑧ html界面背景图片不显示,我想知道应该怎么改
错误在:没有给body,html设置大小,background-image显示不了
body,html{
width:100%;
height:100vh;//整屏高,或者100%;
//再把你的background 样式写在里面
}
⑨ 在body里面设置了背景图片但是却显示不出来,是路径问题吗
springboot中,static是默认的路径,不用加static吧,直接 images/bg.jpg
⑩ html的背景没显示图片效果
图片出不来,因为你的background学错了格式
你只写路径应该就是src,但你写的background="";就应该写个url();然后在括号里写上路径。