标签: background

如何让我的背景视频全屏反应?

我正在按照视频编写一个完全响应式网站,但我似乎无法像视频中那样使背景视频全屏显示,也许我缺少一行代码?您会在屏幕截图中看到底部有一个大的空白区域。我将在下面留下一些代码,希望能帮助找到问题。非常感谢!

\n

索引.js:

\n
return (\n    <HeroContainer>\n        <HeroBg>\n            <VideoBg autoPlay loop muted src={Video} type=\'video/mp4\' />\n        </HeroBg>\n        <HeroContent>\n            <HeroH1>Estudio Contable</HeroH1>\n            <HeroP>\n                Consult\xc3\xa1 por nuestros servicios.\n            </HeroP>\n            <HeroBtnWrapper>\n                <Button \n                    to=\'contactanos\' \n                    onMouseEnter={onHover} \n                    onMouseLeave={onHover}\n                    primary="true"\n                    dark="true"\n                >\n                    Contactanos {hover ? <ArrowForward /> : <ArrowRight />}\n                </Button>\n            </HeroBtnWrapper>\n        </HeroContent>\n    </HeroContainer>\n)\n}\n
Run Code Online (Sandbox Code Playgroud)\n

造型:

\n
export const HeroBg = styled.div`\nposition: absolute;\ntop: 0;\nright: 0;\nbottom: 0;\nleft: 0;\nwidth: 100%;\nheight: 100%;\noverflow: hidden;\n`\nexport const VideoBg = styled.video`\nwidth: 100%;\nheight: 100%;\n-o-object-fit: cover;\nobject-fit: cover;\nbackground: #232a34;\n`\n
Run Code Online (Sandbox Code Playgroud)\n

截屏

\n

javascript css background reactjs responsive

3
推荐指数
1
解决办法
6825
查看次数

我如何更改背景:线性渐变为顺风线性渐变

我在简单的CSS中有这样的背景:

 background: linear-gradient(152deg,#fff,#00bfd8 42%,#0083f5);
Run Code Online (Sandbox Code Playgroud)

我想将它添加到 tailwind css 中:

  <section class="relative bg-[here] table w-full py-36 lg:py-44">
Run Code Online (Sandbox Code Playgroud)

css background linear-gradients tailwind-css

3
推荐指数
1
解决办法
5847
查看次数

如何在ASP.NET中将图片设置为背景?

我已经在App_localResources文件夹中添加了一个jpg文件,并在文档中指定了背景中的照片.在设计器中它显示为背景但是当我运行页面时,我仍然得到白页背景.

asp.net background

2
推荐指数
1
解决办法
2万
查看次数

如何在Windows后台运行Perl脚本?

我有一个Perl脚本,当它的工作完成时会弹出一个消息框.我怎样才能在后台运行它?

我查看了Proc :: Background,但这需要启动一个特定的命令.我希望我的代码在后台运行,如果可能的话,不会产生新的进程.

perl winapi background process

2
推荐指数
1
解决办法
5420
查看次数

如何将背景图像添加到Delphi表单

如何在delphi表单中添加背景图像?我添加了一个TImage,但现在标签不再可见了,我的复选框的文本是蓝色的"框"(蓝色是我选择的背景颜色).这个蓝色在背景图像上看起来不太好,隐藏的标签看起来也不好看.我该如何解决这些问题?

delphi background wallpaper

2
推荐指数
1
解决办法
1万
查看次数

作为背景的舒展图象

我需要图像拉伸作为页面的背景.如果页面不能很好地缩放,屏幕分辨率可能是什么,整个图像必须在屏幕上可见,这无关紧要.我在Google上找到了一些解决方案,但要么在Firefox2或IE6中都不起作用,要么两者兼而有之,我也需要这两个解决方案.我讨厌人们不升级他们的软件,但我仍然看到这些浏览器在谷歌分析数据中击中网页,尤其是IE6.

这有很好的跨浏览器解决方案吗?

html css background image

2
推荐指数
1
解决办法
5485
查看次数

如何将背景文字或图像添加到BIRT报告中?

当符合某些条件时,我必须为报告添加文本或背景图像作为"DRAFT".我必须动态启用或显示birt报告背景文本?

我期待听到任何想法.

提前致谢.Thillakan.

java text background birt image

2
推荐指数
1
解决办法
7300
查看次数

CSS背景重复

有没有办法让背景图像拉伸而不是重复?

css background repeat

2
推荐指数
1
解决办法
4730
查看次数

更改文件保存位置

我想知道是否有某种方法可以在Mac OS X上创建一个脚本,它将改变所有本机Cocoa应用程序的默认保存位置.我不知道从哪里开始,所以我愿意接受有关如何做到这一点的任何建议.

谢谢你的帮助!

macos scripting cocoa background

2
推荐指数
1
解决办法
1037
查看次数

如何制作背景图像以调整其包含元素的大小?

检查此站点中主要选项卡的圆角这些是宽度为440px的背景图像,仍然可以调整为包含元素而不会丢失圆角边缘.

html css background css-sprites

2
推荐指数
1
解决办法
498
查看次数