我有以下代码使用jQuery mobile创建弹出窗口.创建弹出窗口并创建表单并将其附加到弹出窗口以及两个按钮.这段代码确实有效,但我想知道是否有更好的方法来实现我的预期目标.
//create a div for the popup
var $popUp = $("<div/>").popup({
dismissible : false,
theme : "a",
overlyaTheme : "a",
transition : "pop"
}).bind("popupafterclose", function() {
//remove the popup when closing
$(this).remove();
});
//create a title for the popup
$("<h2/>", {
text : PURCHASE_TITLE
}).appendTo($popUp);
//create a message for the popup
$("<p/>", {
text : PURCHASE_TEXT
}).appendTo($popUp);
//create a form for the pop up
$("<form>").append($("<input/>", {
type : "password",
name : "password",
placeholder : PASSWORD_INPUT_PLACEHOLDER
})).appendTo($popUp);
//Create a submit …我正在创建一个具有固定高度布局(不使用弹性框)的Web应用程序,我也受到宽度的限制.
我想将屏幕从中间切开,穿过中心,高度和宽度都在50%左右.
在屏幕的左边象限中,我不想插入HTML5视频播放器,在右边象限中我想插入一些文字和图像.
我可以使用flex-video中指定的技术来维护视频播放器的宽高比http://foundation.zurb.com/docs/components/flex-video.html
然而,这会打破视频溢出到屏幕的下半部分.
无论如何我可以通过单独使用CSS来解决这个问题吗？
这是我到目前为止所拥有的
<!DOCTYPE html>
<head>
<style>
*{
box-sizing: border-box;
}
body{
margin: 0;
padding: 0;
font-family:sans-serif;
color:white;
}
video {
height: 100%;
}
.header{
height: 60px;
background: #002442;
position: relative;
}
.media-card-screen{
background: linear-gradient(to bottom, #004680 0%, #00080f 99%);
position: absolute;
width: 100%;
top:60px;
bottom: 0px;
}
.media-card{
height: calc(100% / 1.75);
}
.video-container{
width: 50%;
display: inline-block;
padding: 20px 20px 0px 20px;
height: 100%;
}
.video{
display: block;
overflow: hidden;
height: 0;
padding-bottom: …任何人都可以告诉我为什么在IE7中这个网站的页脚上没有拾取背景颜色"黑色"？