如何让网页背景图铺满整页(html+csss实现网页背景图铺满整页)；a标签删下划线、禁用；innerHTMLouterHTML；css字体间距hover图片放大

潮流coder

已于 2023-05-05 10:40:01 修改

阅读量6.4k

点赞数 5

分类专栏：笔记文章标签： html css

于 2021-03-31 20:09:20 首次发布

原文链接：https://blog.csdn.net/qq_36699230/article/details/104051318

版权

笔记专栏收录该内容

63 篇文章 3 订阅

订阅专栏

background背景图片设置

body {
	width: 100%;
	height: 100%;
	background: url(../images/bg.png) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;/* 不设置的话页面滑动时，背景会不铺满*/
}

图片绝对定位实现

<body>
    <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
        <img src="images/bg.png" height="100%" width="100%" />
    </div>
</body>

a标签去除下划线

a标签禁用

a标签开启禁用点击事件

一、添加移除点击事件
<script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript">
$(function(){
 $(".b").click(function(){
  $(this).removeAttr("onclick");
  setTimeout(function(){
   $(".b").attr("onclick","test();");
   },3000)
  })
 })
function test(){}
</script>
<p>
 <a class="b" href="#" onclick="test();">点击去掉该链接的onclick属性，3秒后再自动加上该onclick属性</a>
</p>
二、开启禁用点击事件
<!--a标签 要用  disable 属性，必须和  pointer-events属性一起使用，例子 如下：-->
     <!--HTML 部分代码：-->
     <a id="querySign">赞</a>
       <!--JS 代码：-->
        $("#querySign").attr("disabled",true); 
        $("#querySign").css("pointer-events","none");
<!--1、禁用点击事件-->
	<!--js缩写,一行搞定：-->$("#querySign").attr("disabled",true).css("pointer-events","none");  
	<!--加灰按钮-->$('#querySign').css({ opacity: 0.2});
<!--2、开启点击事件-->
　　$("#querySign").attr("disabled",false).css("pointer-events","auto");
　　$('#querySign').css({ opacity: 1});

innerHTML和outterHTML

css字体间距

css中hover的用法——改变多种元素

css位移，亦可用margin
css鼠标放置图片放大

潮流coder

关注

5
点赞
踩
33

收藏

觉得还不错? 一键收藏
0
评论
如何让网页背景图铺满整页(html+csss实现网页背景图铺满整页)；a标签删下划线、禁用；innerHTMLouterHTML；css字体间距hover图片放大

background背景图片设置body { width: 100%; height: 100%; background: url(../images/bg.png) no-repeat; background-size: 100% 100%; background-attachment: fixed;/* 不设置的话页面滑动时，背景会不铺满*/}图片绝对定位实现<body> <div id="Layer1" style="position:absol.
复制链接

扫一扫