css如何实现图片右上角添加复选框（代码）

来源：动视网责编：小采时间：2020-11-02 22:07:13

css如何实现图片右上角添加复选框（代码）

css如何实现图片右上角添加复选框（代码）:本篇文章给大家带来的内容是关于css如何实现图片右上角添加复选框（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。页面如下： <%@ page language="java" import="java.util.*"

推荐度：

点击下载本文 文档为doc格式

导读css如何实现图片右上角添加复选框（代码）:本篇文章给大家带来的内容是关于css如何实现图片右上角添加复选框（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。页面如下： <%@ page language="java" import="java.util.*"

本篇文章给大家带来的内容是关于css如何实现图片右上角添加复选框（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

页面如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
 <base href="<%=basePath%>">
 
 <title>测试</title>
 
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0"> 
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <style type="text/css">
 .main{
 float:left;
 margin-left:8px;
 }
 </style>
 </head>
 
 <body>
 <div class="ztree">
 <ul id="treeDemo" class="ztree"></ul>
 </div>
 <div class="main" style="position:relative;">
 <div class="img">
 <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
 </div>
 <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
 <input id="box" type="checkbox" name="box">
 </div>
 </div>
 <div class="main" style="position:relative;">
 <div class="img">
 <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
 </div>
 <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
 <input id="box" type="checkbox" name="box">
 </div>
 </div>
 <div class="main" style="position:relative;">
 <div class="img">
 <img alt="图片名称" src="plug-in/image/Desert.jpg" style="width:100px;height:100px">
 </div>
 <div class="checkbox" style="position:absolute;top:0;right:0;z-index:1000">
 <input id="box" type="checkbox" name="box">
 </div>
 </div>
 </body>
</html>