背景图像CSS内联不起作用

时间:2018-04-22 00:38:40

标签: html css

我查看了其他一些帖子,找不到解决方案。

<div id="particles-js" style="height:540px; background-color:#232741; background-image: url(" https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg "); "></div>

我有这个代码,而背景颜色似乎工作我似乎无法设置这个唐纳德特朗普的形象的背景。我已经尽力使用像backgroundImage这样的不同排列,但似乎没什么用。

也许你们其中一个人可以在这里发现这个问题?

顺便说一下,样式确实需要为我当前的目的而内联。

3 个答案:

答案 0 :(得分:0)

代码的问题是background-image: url()

中的引用

试试这段代码。

<div id="particles-js" style="height:540px; background-color:#232741; background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg);"></div>

答案 1 :(得分:0)

你在属性值style =“”“”上使用双引号,所以这不正确使用像这样的单引号style =“''”

答案 2 :(得分:-1)

你是什​​么意思?看不到背景.jpg?我猜是URL中的“”是一个问题,而不是background-image:url(“https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg”);尝试background-image:url(https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg);)或者你想尝试用颜色#232741设置整个区域,然后放一块.jpg文件?我设法重新创建并实现了540像素.jpg的黑色bacground和div 我喜欢这个:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html{ background-color:#232741;}
</style>
<head>
<div id="particles-js" style=" height:540px; background-image: url(https://upload.wikimedia.org/wikipedia/commons/5/56/Donald_Trump_official_portrait.jpg); "></div>
</head>