css将一个不能铺满整个屏幕的图片铺满整个屏幕，将一下代码放到body中

<img src="data:image/login6.jpg" width="100%" height="100%" style="z-index:-100;position:absolute;left:0;top:0"/>

bootstrap和jquery-ui结合使用的dialog的小例子

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link href="${pageContext.request.contextPath }/css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="${pageContext.request.contextPath }/css/jquery-ui-1.10.0.custom.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/bootstrap.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.ui.datepicker-zh-CN.js"></script>
<style type="text/css">
.ui-draggable-handle{
background-color: red;
}
</style>
</head>
<body>
<h2 style="text-align: center;">工单处理</h2>
<table width="100%">
    <tr>
        <th>工单编号</th>
        <td></td>
        <th>工单级别</th>
        <td></td>
        <th>上报时间</th>
        <td></td>
        <th>处理人</th>
        <td></td>
    </tr>
</table>
    <input type="button" class="btn btn-primary btn-sm" value="误警关闭" onclick="p.falseClose();"></input>
    <input type="button" class="btn btn-primary btn-sm" value="重复关闭" onclick="p.repeatClose();"></input>
    <span id = "flag" style="color: red;font-weight: bold;"></span>

<div id="dialog-confirm" title="确认添加" style="display: none;">
            <table>
                <tr>
                    <td>工单编号</td>
                    <td><input id="serialNo" type="text" name="serialNo"/></td>
                </tr>
            </table>
</div>
<div id="dialog-confirm0" title="误警关闭提示" style="display: none;">
            <p style="text-align: center;font-weight: bold;font-size: 15px;color: red">确定要误警关闭吗？</p>
</div>
<table width="100%">
    <tr bgcolor="red"></tr>
</table>
<div class="demo-description">
</div>
</body>
<script type="text/javascript">
$(function() {

});

var p = {
    falseClose:function(){
        $( "#dialog-confirm0" ).dialog({
            resizable: false,
            height:,
            modal: true,
            buttons:{
                "确认":function(){
                    $( this ).dialog( "close" );
                    $.ajax({
                        type:"get",
                        url:"/>",
                        data:{},
                        dataType:"json",
                        success:function(d){
                            $("#flag").html(d);
                        }
                    });
                },
                "取消":function(){
                    $( this ).dialog( "close" );
                }
            }
        });

    },
    repeatClose:function(){　　　　 $("#serialNo").val("");
        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:,
            modal: false,
            buttons: {
                "确认": function() {
                    $( this ).dialog( "close" );
                    $.ajax({
                        type:"get",
                        url:"/>",
                        data:{},
                        dataType:"json",
                        success:function(d){
                            alert(d);
                        }
                    });
                },
                "取消": function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    }
}
</script>
</html>

css背景图片，bootstrap和jquery-ui结合使用，dialog案例的更多相关文章

  1. Bootstrap css背景图片的设置

    一. 网页中添加图片的方式有两种 一种是:通过<img>标签直接插入到html中 另一种是:通过css背景属性添加 居中方法:水平居中的text-align:center 和 margin ...

  2. css背景图片拉伸 以及100% 满屏显示

    如何用css背景图片拉伸 以及100% 满屏显示呢?这个问题听起来似乎很简单.但是很遗憾的告诉大家.不是我们想的那么简单. 比如一个容器(body,div,span)中设定一个背景.这个背景的长宽值在 ...

  3. div css背景图片不显示

    我们在写页面时,为了便于维护,css样式通常都是通过link外部导入html的,有时在css中写入背景图片时,此时背景图片的路径应该是相对css文件的.比如,此时的文件有index.html,css. ...

  4. CSS背景图片定位

    原文:CSS背景图片定位 在网页开发中我们经常需要对图片进行分割(如下图)来使用,而不是分别提供单独的图片来调用,常见的如页面背景,按钮图标等,这样做的好处就是减少请求次数,节省时间和带宽. 对背景图 ...

  5. 【IE6的疯狂之八】链接伪类（:hover）CSS背景图片有闪动BUG

    IE6下链接伪类(:hover)CSS背景图片有闪动BUG,主要原因ie会再一次请求这张图片,或者说图片没被缓存. 例如: CSS代码 a:hover{background:url(imagepath ...

  6. 【转】链接伪类（:hover）CSS背景图片有闪动BUG

    来源:http://www.css88.com/archives/744 --------------------------------------------------------------- ...

  7. 兼容各浏览器的css背景图片拉伸代码

    需要用到背景图拉伸,找到了下面这段css代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='***.jpg' , s ...

  8. css背景图片拉伸

    css背景图片拉伸 background-image:url(bg.png); -moz-background-size: 100% 100%; -o-background-size: 100% 10 ...

  9. css背景图片位置：background的position（转）

    css背景图片位置:background的position   position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的 1.backgroun ...

  10. 利用wget 抓取 网站网页 包括css背景图片

    利用wget 抓取 网站网页 包括css背景图片 wget是一款非常优秀的http/ftp下载工具,它功能强大,而且几乎所有的unix系统上都有.不过用它来dump比较现代的网站会有一个问题:不支持c ...

随机推荐

  1. python logging模块 basicConfig配置文件

    logging.basicConfig(level=log_level, format='%(asctime)s %(filename)s[line:%(lineno)d] %(levelname)s ...

  2. loadrunner资源过滤器

    通过该功能可以实现排除某个资源,很实用 Download Filters功能 帮助在回放脚本的时候对某些特定的访问进行屏蔽,解决页面读取中跨服务器带来数据影响的问题. 过滤规则中有3中策略,即URL. ...

  3. loadrunner取出字符串的后面几位

    Action() {    char *phonenum;    int k=1;    phonenum=lr_eval_string("{phoneNum}");//参数化获取 ...

  4. Css3 提示框

    <div class="arrow_box"><span>xxy is a so cool boy</span></div> css ...

  5. delphi 对Tmemo指定的行写入

    mmoMonitor:Tmemo; mmoMonitor.Lines.ValueFromIndex[0]:=aInfo ; procedure TMainForm.LogInfo(aInfo: str ...

  6. How to: 使用 数据流 实现生产者-消费者模式

      producer把消息发送到消息块,consumer从块读取消息. 安装: Install-Package Microsoft.Tpl.Dataflow   using System.Thread ...

  7. C# 字符串格式化

    1.格式化货币(跟系统的环境有关,中文系统默认格式化人民币,英文系统格式化美元) string.Format("{0:C}",0.2) 结果为:￥0.20 (英文操作系统结果:$0 ...

  8. Nodejs-搭建Nodejs开发环境

    学习nodejs,需要一个好的开发工具,并不想用无智能提示和不友好格式的记事本编写 1. 从www.nodejs.org下载nodejs并安装到指定的目录. 2. 下载一个开发工具, 可以选择webs ...

  9. ACM 荷兰国旗问题

    荷兰国旗问题 时间限制:3000 ms  |  内存限制:65535 KB 难度:1   描述 荷兰国旗有三横条块构成,自上到下的三条块颜色依次为红.白.蓝.现有若干由红.白.蓝三种颜色的条块序列,要 ...

  10. Button 设置适应不同版本 旋转以后大小相应的改变

    很多时候对于不同的版本,随设备的旋转以后,相应的Button的大小如果不做相应的改变,这很影响视图的美观和布局:下面是小编的个人看法  UIButton *button = [[UIBtton all ...