18910140161

HTML-背景图像无法在GitHub页面上工作(但可以在其他部分上工作)-堆栈溢出

顺晟科技

2022-10-18 12:38:57

234

我知道有3-4个类似的帖子,但我目前仍然无法解决我的问题。我将在下面

列举
  1. CSS背景图像(从标题到第1到第4部分,当我使用GitHub页面时,它没有加载),它与我的MS VS代码配合得很好。(GitHub页面:https://nadin3amanda.github.io/sunnyside-agency-landing-page/
  2. 5节下至页脚使用相同的代码处理HTML和CSS.我试着用一条线来代替URL,但它不起作用。
  3. 我也尝试使用宽度和高度,并设置为100%,但仍然不会工作。

基本上,我在StackOverflow中找到的解决方案不起作用。

请帮助。下面是标头的HTML代码(以前是普通标头,但作为解决方案的一部分,我将其更改为类)

<代码><;标头类=";页眉";>;<;DIV类=";菜单环绕";>;<;DIV类=";徽标包装";>;<;IMG SRC=";images/logo.SVG";alt=";徽标";/>;<;/DIV>;<;DIV类=";移动图标";>;<;IMG类=";移动导航";SRC=";images/icon-burger.SVG";alt=";";/>;<;/DIV>;<;DIV类=";主菜单";>;<;导航类=";菜单";>;<;UL>;<;Li>;<;a href=";#";>;关于<;/a>;<;/Li>;<;Li>;<;a href=";#";>;服务<;/a>;<;/Li>;<;Li>;<;a href=";#";>;项目<;/a>;<;/Li>;<;Li>;<;a href=";#";>;联系<;/a>;<;/Li>;<;/UL>;<;/导航>;<;/DIV>;<;/DIV>;<;DIV类=";横幅包装";>;<;H1>;我们是创意<;/H1>;<;a href=";#content";>;<;IMG SRC=";images/icon-arrow-down.SVG";alt=";向下箭头";/>;<;/a>;<;/DIV>;<;/页眉>;

而对于CSS

<代码>标题{填充:32px 24px 130px;背景-位置:中心;background-image:URL(";/images/desktop/image-header.JPG";);背景重复:无重复;}

GitHub repo在这里:https://github.com/nadin3amanda/sunnyside-agency-landing-page.


顺晟科技:

我认为你的IMG链接不起作用。检查一下。或者可能是托管服务的问题。尝试使用其他托管服务。比如Vercel或者Firebase.

检查我的.

回购-https://github.com/lashika-malith/sunnyside-agency.

站点-https://sunnyside-agency-lac.vercel.app/.

  • TAG:
相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航