页面mask css

<html>
    <head>
        <style type="text/css">
          .share_mask {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 9998;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.6);
        }
        .ip_none {
    position: absolute;
    top: 40%;
    left: 50%;
    margin-top: -150px;
    margin-left: -150px;
    width: 300px;
    height: 300px;
}
        </style>
    </head>
    <body>
        <div class="share_mask" style="display:none" > 

  <img class="ip_none" src="http://cx.hedayikao.com/Content/imgs/qrcode_for_gh_30e7ad15afa9_860.jpg" data-src="http://cx.hedayikao.com/Content/imgs/qrcode_for_gh_30e7ad15afa9_860.jpg">
 </div>
    </body>
</html>

时间： 2024-08-11 09:57:13

页面mask css的相关文章

博客园页面定制CSS代码

博客园页面定制CSS代码 1 #home { 2 margin: 0 auto; 3 width: 80%;/*原始65*/ 4 min-width: 980px;/*页面顶部的宽度*/ 5 background-color: rgba(245, 245, 245, 0.7); 6 padding: 30px; 7 margin-top: 50px; 8 margin-bottom: 50px; 9 box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);

页面定制CSS代码初探：页面变宽文本自动换行图片按比缩放

一.初识博客初写博客,先在设置里选了个喜欢的模板第一眼就爱上了呢!那极简的风格,我喜欢!!但是,应用后,却发现... 纳尼!模板上右侧那张漂亮的图片呢?!我的怎么什么都没有.没有图片好难看啊,瞬间无爱了,设置里找了下,->博客侧边栏公告 <-,在这里,放了张宽200px的图,好看多了马上,还是有图才不会那么单调~ 二.认识CSS 过了几天,打算写篇博,发现了一个重大的问题,怎么默认的宽度这么窄?那我放图片怎么办,而且,2边留那么多空白不浪费吗,留个5%就够了吧.于是乎,开始了2天的全折腾.

HTML页面和CSS文件

HTML页面和CSS文件,如男人和女人. 每个HTML都希望自己能呈现给别人亲和的引入注目的感觉,CSS可以帮助HTML实现这样的目的. 虽然没有CSS,HTML也可以自己完成同样的修饰,但是可能会一片混乱,不像有CSS的HTML那样,让内容和修饰分开.而仅有CSS,很多想要的效果却也无法看出. 有一些呈现的布局效果是HTML自身不能实现的,比如CSS里的伪类.组合.就想男人没有女人,也不会体现出他对家的责任,对爱人的关怀. 当HTML页面和CSS文件在一起久了,HTML页面里会不断的增加新的东

HTML页面引入CSS的几种方式及区别

1. 使用HTML标签的style属性如:<p style="font-size:12px; color: blue"> 这种方式的优点:分散灵活方便: 缺点:缺乏整体性和规划性,不利于维护,维护成本高: 这种方式的CSS渲染的优先级要高于其它三种. 2. 将样式代码写在<style></style>标签中通常将style标签放到HTML文件<head></head>标签里如:<html><head&g

动态为页面添加CSS样式文件引用

动态为页面添加CSS样式文件引用: 1 if (document.createStyleSheet) { //IE 2 document.createStyleSheet("./Themes/Default/MessageTip.css"); 3 } 4 else { //Firefox, Chrome 5 var stylesheet = document.createElement("link"); 6 stylesheet.href = "./The

页面定制CSS代码-博客侧边栏公告-页首Html代码-页脚Html代码

设置代码前说明:首先你得选用博客皮肤darkgreentrip,否则会出错页面定制CSS代码: 说明:标注颜色位置可自行修改,第12行设置主页底层图片,可自行修改 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 245, 0.7); padding: 30px; margin-top: 50px; margin-bottom: 50

对于HTML页面中CSS, JS, HTML的加载与执行过程的简单分析

最近在研究HTML页面中JavaScript的执行顺序问题.在JavaScript中,定义一个方法或者函数有很多方式,最常见的有2中,function语句式与函数直接量方式. 对于function语句式,解释器会优先解释.即加载了这个js文件后,会扫描一下所有的js代码,然后把该优先执行的东西先执行了,然后再从上到下按顺序执行.所以,定义的代码可以在执行的代码后边.就跟C#中的方法定义一样.解释器已经记住了这个方法,知道在内存中的哪里,用的时候直接去取就行了. C#语言是,对象中的属性与方法具有

前端开发工程师 - 04.页面架构 - CSS Reset & 布局解决方案 & 响应式 & 页面优化 &规范与模块化

04.页面架构第1章--CSS Reset 第2章--布局解决方案居中布局多列布局全屏布局第3章--响应式浏览网页使用的设备屏幕大小迥异,如何保证页面在不同设备上都正常显示呢? -- 解决方法:响应式优点:无需为不同设备编写对应的页面 --> 降低开发成本.维护成本缺点:页面中某些部分在某些设备上会被隐藏(资源加载了,但是只是用CSS隐藏了) 为什么在手机端的页面会很小呢? 所有的移动端的页面都引入了viewport视窗刚开始所有的元素都是加载到一个比较大的viewport视

页面引入css用link和import的区别

假设有一个css文件a.css,文件里的内容如下: p { font-size: 18px; } 现在分别使用两种方式引入a.css: 1.使用html的link标签 <link rel="stylesheet" type="text/css" href="a.css"> 2.使用import <style type="text/css"> @import url(a.css); </style&