① 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();然後在括弧里寫上路徑。