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. AJAX案例四：省市联动

    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"% ...

  2. Activity之间传递数据的方式及常见问题总结

    Activity之间传递数据一般通过以下几种方式实现: 1. 通过intent传递数据 2. 通过Application 3. 使用单例 4. 静态成员变量.(可以考虑 WeakReferences) ...

  3. 简单区分VMware的三种网络连接模式(bridged、NAT、host-only)

    艺搜简介 VMware在安装时默认安装了两块虚拟网卡,VMnet1和VMnet8,另外还有VMnet0.这些虚拟网卡的配置都是由Vmware虚拟机自动生成的,一般来说不需要用户自行设置. Vmware ...

  4. Android学习系列(38)--Android源码下载和编译

    前面多篇文章介绍到如何下载和编译Android或者CM源码,不过一直都是放在<拓展系列>里.随着学习的深入,android源码是非常有参考和学习价值,强烈推荐大家都去下载,编译,学习,所以 ...

  5. Spring常用工具类

    Spring框架下自带了丰富的工具类,在我们开发时可以简化很多工作: 1.Resource访问文件资源: 具体有: ResourceUtils.getFile(url); FileSystemReso ...

  6. redis 的安装

    1: redis 是什么 Redis is an open source (BSD licensed), in-memory data structure store, used as databas ...

  7. js运动框架tween

    <!DOCTYPE html> <html> <head> <title>myAnimate</title> <style> * ...

  8. linux命令缩写及全称

    apt = Advanced Packaging Tool ar = archiver as = assembler awk = "Aho Weiberger and Kernighan&q ...

  9. NoSQL-Redis【1】-控制台配置密码

    1.设置密码为123456 CONFIG SET requirepass 123456 2.验证密码 AUTH 123456 3.redis-cli连接 @ECHO OFF redis-cli.exe ...

  10. POJ3308 Paratroopers（最小割/二分图最小点权覆盖）

    把入侵者看作边,每一行每一列都是点,选取某一行某一列都有费用,这样问题就是选总权最小的点集覆盖所有边,就是最小点权覆盖. 此外,题目的总花费是所有费用的乘积,这时有个技巧,就是取对数,把乘法变为加法运 ...