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. 使用nginx做负载均衡的session共享问题

    查了一些资料,看了一些别人写的文档,总结如下,实现nginx session的共享PHP服务器有多台,用nginx做负载均衡,这样同一个IP访问同一个页面会被分配到不同的服务器上,如果session不 ...

  2. 一张图入门python

  3. hive脚本出现Error: java.lang.RuntimeException: Error in configuring object和Caused by: java.lang.IndexOutOfBoundsException: Index: 9, Size: 9

    是在reduce阶段报的错误,详细错误信息是 朱传豪 19:04:48 Diagnostic Messages for this Task: Error: java.lang.RuntimeExcep ...

  4. loadrunner中切割字符串

    下面函数的作用: http://blog.csdn.net/hgj125073/article/details/8447605 通过-与: 字符切割字符串,即-与:字符已经被\0 字符取代 char  ...

  5. 自定义ActionBar

    /** * 1.创建ActionBar对象getSupportActionBar() * 2.布置自己的ActionBar布局(在res/layout) * 3.把自定义的ActionBar布局加载到 ...

  6. C# 词法分析器（一）词法分析介绍 update 2014.1.8

    系列导航 (一)词法分析介绍 (二)输入缓冲和代码定位 (三)正则表达式 (四)构造 NFA (五)转换 DFA (六)构造词法分析器 (七)总结 虽然文章的标题是词法分析,但首先还是要从编译原理说开 ...

  7. 卸载Photoshop

    安装Photoshop后出现卸载不干净的问题,从而导致安装另一个photoshop版本时出现错误,一般情况下我们都是在控制面板的卸载程序里进行卸载的,但往往这样的卸载并不能清除注册表残留以及系统盘里的 ...

  8. Knockout.js初体验

    前不久在网上看到一个轻量级MVVM js类库叫Knockout.js,觉得很好奇,搜了一下Knockout.js相关资料,也初体验了一下,顿时感觉这个类库的设计很有意思.接下来就搞清楚什么是Knock ...

  9. FastDFS原理

    转自:http://blog.chinaunix.net/uid-20196318-id-4058561.html 开源的轻量级分布式文件系统,由跟踪服务器(tracker server).存储服务器 ...

  10. 使用React重构百度新闻webapp前端

    http://wangfupeng.coding.me/share/2016/08/06/restruct-bdnews-webapp-by-react.html