我想使用视频作为背景而不是自动延伸到整个屏幕(背景)的图像.
我还想旋转视频和图像..这样就可以按任意顺序显示随机视频/图像.
知道如何延迟视频播放也是很好的,这样视频只能在网站加载后30秒播放一次.
谢谢!
我想在网站上使用4:3视频作为背景,但将宽度和高度设置为100%不起作用,因为纵横比保持不变,因此视频不会填满网站的整个宽度.
谢谢你的帮助!
这是我的html和css代码
HTML:
<!DOCTYPE HTML>
<html land="en">
<head>
<link rel="stylesheet" type="text/css" href="html5video.css" />
<title>html 5 video test</title>
</head>
<body id="index">
<video id="vidtest" autoplay>
<source src="data/comp.ogv" type="video/ogg" width="auto" >
</video>
<div class="cv">
<p>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum …如何在没有换行的情况下在同一行中获取按钮和表单元素？非常感谢你!
<button>ask question</button>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
感谢StackOverflow,我终于找到了一种方式来设置我的电子邮件链接,但我想知道为什么没有我在这里找到的解决方案它不起作用.
由于链接是带有属性类"约"的跨度的一部分,其中定义了字体大小和样式,因此电子邮件链接不应该显示在11px和sans serif中吗？
而且
a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}
一旦我尝试改变它,它就会很有效
.about a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}
它也没有像它想象的那样发挥作用.
做标签不听跨度格式或类嵌套？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html {
height:100%;
}
body {
height: 100%;
margin-left: 20px;
margin-top:0px;
}
.bottom-left {
position: absolute;
font:sans-serif;
bottom: 15px;
left: 15px;
}
.bold {
font-family: serif;
}
.about {
font-size: 11px;
font-family: sans-serif;
}
/*a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}*/
.address {
font-size: 11px;
border-bottom: …wavesurfer.js非常适合从音频文件中渲染波形,但我想知道是否可以将任何CSS属性设置为波形/光谱仪的幅度/频率,由wavesurfer.js生成？是否有一种我可以分配给另一个参数的变量(例如:a的不透明度<img>)？
我正在尝试实时显示正在播放的曲目的剩余时间，但无法弄清楚，因为我的 javascript 技能不是很先进。
Wavesurfer.js 提供了一个叫getCurrentTime()的函数，但是我不知道怎么实现，所以在播放按钮旁边显示时间。
谢谢您的帮助！
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
body {
padding: 2em;
padding-top:4em;
font: "Times New Roman";
color: white;
background-color: black;
letter-spacing: -.007em;
}
titel { line-height:1.5em; padding-bottom:13em;}
.colme {
color: #B7B498
}
.subtitel {
font-style:italic;}
#maincontent {
float:left;
width:700px;
padding-right:3em;}
#sidecontent {float:left; width:300px;}
.link {font-size:1em; float:left;}
</style>
</head>
<body>
<section id="maincontent">
<titel>
<p>Lorem Ipsom<br>
</p>
</titel>
<div id="waveform"></div>
<div id="waveform-timeline"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.2.3/wavesurfer.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wavesurfer.js/1.2.3/plugin/wavesurfer.timeline.min.js"></script>
<script type="text/javascript">
var wavesurfer = WaveSurfer.create({ …我想制作一个包含3个部分的列布局
第1节:标题第2节:内容部分,从页眉到页脚的开头延伸,它的内容垂直和水平居中于第3部分:页脚始终位于浏览器窗口的底部.
问题:
我无法将内容div拉伸到页脚/底部div的开头.如果我输入高度:100%它会自动延伸到整页的末尾.
也希望将内容垂直和水平地放在这个中间div内 - 尽管我还没有尝试这样做.
也不明白为什么标题文本的背景不是彩色的.即使子标题div由标题div封装,标题div也定义了背景颜色.
谢谢!
http://jsbin.com/ixipug/1/edit
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html {
height: 100%;
}
body {
height: 100%;
margin-left: 20px;
margin-top:0px;
margin-bottom: 0px;
}
#containerHeaderContent {
min-height:100%;
height: auto;
height: 100%;
margin: 0 auto -1.5em;
}
.push {
height: 1em;
}
.header {
background-color: aqua;
padding-top:20px;
}
.subheader-left {
float:left;
font-family: serif;
font-size: 20px;
text-align: left;
}
.subheader-right{
float: right;
font-family: sans-serif;
font-size: 12px;
padding-right: 20px;}
.middleSection {
padding-top: 10px;
clear:both;
width:100%;
height …例如，选择 flexbox 容器的所有子元素并赋予它们相同的边距的最简单方法是什么？
例子：
<div class="flexboxcontainer">
<h1>Headline</h1>
<p>Some Text</p>
<div>Some more text</div>
<p class="smalltext">Some small text</p>
</div>
css ×4
html ×3
html5 ×2
html5-video ×2
javascript ×2
background ×1
button ×1
email ×1
flexbox ×1
forms ×1
height ×1
href ×1
mailto ×1
video ×1