代码:
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .adv {
　　　　　　　　/*调整广告图位置*/
            position: fixed;
            right: 10px;
            bottom: -20px;
　　　　　　　　/*透明度 使得可以看见下面内容*/
            opacity: 0.7;
        }

        .close {
　　　　　　/*关闭按钮样式*/
            position: relative;
            top: -315px;
            right: 50px;
            background-color: transparent;
            border: none;
            font-size: 20px;
            cursor: pointer;
        }

        .close:active {
            outline: none;
        }
广告图:


效果图:

												


											
CSS固定定位实现右下角可关闭广告的更多相关文章
	

    
								
  1. CSS学习笔记10 相对定位，绝对定位与固定定位
		
    文档流中的元素的位置由元素在 (X)HTML 中的位置决定,这就是最原始的普通流,前面讲到的浮动CSS学习笔记08 浮动可以改变元素在文档流中的位置,除了这个我们还可以通过使用CSS的position ...
    
		
    2. 
						
  2. JS网站右下角悬浮视窗可关闭广告
		
    效果体验:http://hovertree.com/texiao/js/4.htm 网站右下角悬浮视窗可关闭广告代码,可收缩.展开,关闭,内容区可自定义html,兼容IE8+.FireFox.Chro ...
    
		
    3. 
						
  3. CSS的三种手段让元素脱离标准本文档流——浮动、绝对定位、固定定位
		
    1.浮动 浮动是CSS中用到的最多的一个选项,他有三个性质.关于浮动我们要强调一点,永远不是一个东西单独浮动,浮动都是一起浮动,要浮动,大家都浮动. 1.1 浮动元素脱离标准文档流 1.1.1 大概描 ...
    
		
    4. 
						
  4. Js_网站右下角悬浮视窗可关闭广告
		
    站右下角悬浮视窗可关闭广告代码,可收缩.展开,关闭,内容区可自定义html,兼容IE8+.FireFox.Chrome.Safari等主流浏览器.广告图片尺寸300x250. 使用方法:在head区域 ...
    
		
    5. 
						
  5. 【css笔记】css中的盒模型和三种定位机制(固定定位,绝对定位,浮动)
		
    html页面上的元素都可以看成是框组成的,框通过三种定位机制排列在一起就过程了我们看到的页面.而框就是盒模型. 盒模型 1.页面上的每个元素可以看成一个矩形框,每个框由元素的内容,内边距,边框和外边距 ...
    
		
    6. 
						
  6. 前端学习 -- Html&Css -- 相对定位 绝对定位 固定定位
		
    相对定位 - 定位指的就是将指定的元素摆放到页面的任意位置,通过定位可以任意的摆放元素. - 通过position属性来设置元素的定位. -可选值: static:默认值,元素没有开启定位: rela ...
    
		
    7. 
						
  7. 前端CSS - 相对定位,绝对定位,固定定位
		
    前端CSS - 相对定位,绝对定位,固定定位 1.1 相对定位 position:relative 相对定位,就是微调元素位置的.让元素相对自己原来的位置,进行位置的微调. 也就是说,如果一个盒子想进 ...
    
		
    8. 
						
  8. CSS层定位——固定定位，相对定位，绝对定位
		
    主要写关于层定位的相关知识 ㈠定位概述 ⑴像图像软件中的图层一样可以对每一个layer能够精确定位操作 ⑵层定位的position属性决定了当前的一个网页元素,可以叠加到另一个网页元素上面,那么我们把 ...
    
		
    9. 
						
  9. css定位:相对定位、绝对定位、固定定位的区别与特性
		
    css定位:相对定位.绝对定位.固定定位的区别与特性 原文地址:http://www.qingzhouquanzi.com/106.html css定位常用的有以下三种: 使用了定位的共同特性: 这三 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. volley简介
			
    究竟什么是volley呢?  在以前的开发过程中,开发app的时候,使用的东西可能包括: 1.Httpclient,HttpURLConnection 2.AsyncTask,AsyncTaskLoa ...
    
			
    2. 
						
  2. 论文keywords和规则匹配的baseline
			
    详细的思路可以参照小论文树立0317 关键词分为以下几类: t/****一些通用的过滤词,这些通用的过滤词可以使用和节目一起出现的词语,结合tf-idf看出来么?*****/    public st ...
    
			
    3. 
						
  3. lambda匿名函数和内置函数
			
    对于简单的函数,也存在一种简便的表示方式,即:lambda表达式 定义函数(普通方式) def func(arg):     return arg + 1      执行函数 result = fun ...
    
			
    4. 
						
  4. gsxt滑动验证码
			
    最后,谈谈滑动验证码. 目前,工商网站已经全面改版,全部采用了滑动验证码,上面绝大多数思路都失效了.对于滑动验证码,网上能搜到的解决方案基本都是下载图片,还原图片,算出滑动距离,然后模拟js来进行拖动 ...
    
			
    5. 
						
  5. 使用innobackupex基于从库搭建级联从库及一两从
			
    使用innobackupex基于从库搭建mysql主从架构 现有的架构是一主一从,版本为Mysql5.6.37.实施要求是:利用从库,搭建第二个从库,版本为5.7.21 主库:192.168.1.21 ...
    
			
    6. 
						
  6. apache配置补充
			
    apache的安装: 分成三种方式: tar包 rpm安装 yum安装. ============ tar包安装 ======================== 下载.tar.gz的安装包 解压和安 ...
    
			
    7. 
						
  7. img下面出现了蜜汁空白
			
    这段时间一直在做老师不值得的手机端的网页,在给元素设置宽度的时候都是使用百分比的形式,后来知道,这就是流体布局.不过这些都是后话,下面说的是在做静态手机站的时候遇到的一个问题. 因为使用了流体布局,几 ...
    
			
    8. 
						
  8. Spring命名空间引入方法
			
    spring 整合了各种工具,并且spring提供了对各种工具的xml scheme 的配置方式,简化了开发. 但是对于各种工具的xml命名空间的引入,我一直很郁闷,不知道应该怎样引入,今天经过摸索发 ...
    
			
    9. 
						
  9. Hadoop实战内容摘记
			
    Hadoop 开源分布式计算平台,前身是:Apache Nutch(爬虫),Lucene(中文搜索引擎)子项目之一. 以Hadoop分布式计算文件系统(Hadoop Distributed File  ...
    
			
    10. 
						
  10. Parcel在binder通信readStrongBinder和writeStrongBinder
			
    Binder IPC通信中,Binder是通信的媒介,Parcel是通信的內容.远程调用过程中,其参数都被打包成Parcel的形式来传递. 在IPC通信的Proxy端,我们经常可以看到下面类似的代码, ...
    
			
    11.