我正在按照视频编写一个完全响应式网站,但我似乎无法像视频中那样使背景视频全屏显示,也许我缺少一行代码?您会在屏幕截图中看到底部有一个大的空白区域。我将在下面留下一些代码,希望能帮助找到问题。非常感谢!
\n索引.js:
\nreturn (\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造型:
\nexport 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 我在简单的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) 我已经在App_localResources文件夹中添加了一个jpg文件,并在文档中指定了背景中的照片.在设计器中它显示为背景但是当我运行页面时,我仍然得到白页背景.
我有一个Perl脚本,当它的工作完成时会弹出一个消息框.我怎样才能在后台运行它?
我查看了Proc :: Background,但这需要启动一个特定的命令.我希望我的代码在后台运行,如果可能的话,不会产生新的进程.
如何在delphi表单中添加背景图像?我添加了一个TImage,但现在标签不再可见了,我的复选框的文本是蓝色的"框"(蓝色是我选择的背景颜色).这个蓝色在背景图像上看起来不太好,隐藏的标签看起来也不好看.我该如何解决这些问题?
我需要图像拉伸作为页面的背景.如果页面不能很好地缩放,屏幕分辨率可能是什么,整个图像必须在屏幕上可见,这无关紧要.我在Google上找到了一些解决方案,但要么在Firefox2或IE6中都不起作用,要么两者兼而有之,我也需要这两个解决方案.我讨厌人们不升级他们的软件,但我仍然看到这些浏览器在谷歌分析数据中击中网页,尤其是IE6.
这有很好的跨浏览器解决方案吗?
当符合某些条件时,我必须为报告添加文本或背景图像作为"DRAFT".我必须动态启用或显示birt报告背景文本?
我期待听到任何想法.
提前致谢.Thillakan.
我想知道是否有某种方法可以在Mac OS X上创建一个脚本,它将改变所有本机Cocoa应用程序的默认保存位置.我不知道从哪里开始,所以我愿意接受有关如何做到这一点的任何建议.
谢谢你的帮助!
检查此站点中主要选项卡的圆角这些是宽度为440px的背景图像,仍然可以调整为包含元素而不会丢失圆角边缘.
background ×10
css ×5
html ×2
image ×2
asp.net ×1
birt ×1
cocoa ×1
css-sprites ×1
delphi ×1
java ×1
javascript ×1
macos ×1
perl ×1
process ×1
reactjs ×1
repeat ×1
responsive ×1
scripting ×1
tailwind-css ×1
text ×1
wallpaper ×1
winapi ×1