• ElementUI之Calendarv鼠标热点Hover设置背景色半透明

    .el-calendar-table .el-calendar-day:hover { background-color: yellow; background-color:rgba(255, 255, 0, 0.1)//最后的0.1值自己调,半透明就设置0.5}

    胡同里的砖头2021/11/17【HTML/CSS】
  • 网页 设计之鼠标放在div上面背景图片放大

    是否遇到过这样的场景,一个图片上面写着文字,鼠标放上去,背景图片会放大,是不是很炫,如下代码轻松就能办到<div class="main_banner" ><img src="~/images/h1.jpg" /><span>为什么说10月24日是程序员的节日?</span></div>.main…

    胡同里的砖头2021/11/4【HTML/CSS】
  • 响应式栅格布局判断屏幕大小xs md设置css

    /*屏幕小于768*/@media(min-width:768px) {    .w_list_4 img { height:180px; border:solid 1px red}}/*屏幕在768-991之间*/@media(min-width:768px) and (max-width:991px) {}/*屏幕在768-991之间*/@media(min-wi…

    胡同里的砖头2020/12/30【HTML/CSS】
  • iframe 自适应高度

    Iframe的强大功能偶就不多说了,它不但被开发人员经常运用,而且黑客们也常常使用它,总之用过的人知道它的强大之处,但是Iframe有个致命的“BUG”就是iframe的高度无法自动适应,这一点让很多人都头疼万分。百度或是谷歌一下,确实很多解决方法,但尝试一下,会发现问题很多:浏览器兼容性差,不能自适应,仅支持同域Iframe等诸多问题,尤其是跨域Iframe高度自适应问题。网上根本找不到一种可行…

    胡同里的砖头2019/1/13【HTML/CSS】
  • div上面有间隙

    在上面的图可以看到菜单上面有个间隙大概有2像素左右在下面菜单div上面加上属性display:inline-block之后如下图,完全稳合了

    胡同里的砖头2015/11/3【HTML/CSS】
  • marquee 来回滚动,速度控制

    <marquee scrollamount="2" behavior="alternate">

    胡同里的砖头2013/12/19【HTML/CSS】
  • JS 图片渐隐渐出效果

    <style type="text/css"> <!-- .trans_img {filter:alpha(opacity=30,enabled=1) blendtrans(duration=1); border:0 solid black} --> </style> <script language=javascript> function tra…

    胡同里的砖头2013/12/19【HTML/CSS】
  • 简单跟随下拉框漂浮的广告

    如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> document.body.scrollTop 要改成 document.documentElement…

    胡同里的砖头2013/12/19【HTML/CSS】
  • DIV收缩展开效果

    <style> #content { font-size: 14px; width: 200px; height: 50px; background: #eee; padding: 10px; border: 4px #ccc double; overflow: hidden; } #key { color: red; float: right; margin-top: -20px; …

    胡同里的砖头2013/12/19【HTML/CSS】
  • css样试让图片自适宽度和高度

    有时候图片太大,会破环网页整齐的布局。这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; heigh…

    胡同里的砖头2013/12/19【HTML/CSS】
  • iframe,frameset 用法

    ================frameset 局部刷新用法=============== <frameset rows="80px,*" scrolling="no" bordercolor="#7FFFD4">         <frame src="Head.aspx" scrolling="no" …

    胡同里的砖头2013/12/19【HTML/CSS】
  • 简单跟随下拉框漂浮的广告

    如果顶部申明 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> document.body.scrollTop 要改成 document.documentElement…

    胡同里的砖头2013/12/19【HTML/CSS】
  • 背景色渐变效果

    <body style="margin:0px;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ccffff', endColorStr=#FFFFFF'', gradientType='0')">

    胡同里的砖头2013/12/19【HTML/CSS】
  • HTML title属性换行

    <a href="#" title="第一行
第二行
第三行" />

    胡同里的砖头2013/12/19【HTML/CSS】
  • 让IE中的IFrame透明

    除了IE之外的其他浏览器,默认情况下IFrame都是透明的。但IE下默认是白色背景的。那么,如何让IE下的IFrame也能透明呢?这时,我们就需要用到一个特殊的特性了: ALLOWTRANSPARENCY="true" 同时,在IFrame中的页面要加上: <body STYLE="background-color:transparent"> 这样就搞定了。 还有一种方法修饰:ifra…

    胡同里的砖头2013/12/19【HTML/CSS】
  • html小技巧(防复制,防粘贴,屏蔽鼠标右键,

    1.将彻底屏蔽鼠标右键,无右键菜单 <body oncontextmenu="window.event.returnvalue=false"> 也可以用于网页中Table框架中 <table border oncontextmenu=return(false)><td>no</table> 2.取消选取、防止复制 <body onselects…

    胡同里的砖头2013/12/19【HTML/CSS】
  • HTML Marquee无空白滚动代码

    <DIV id="scroll_div" style="OVERFLOW: hidden;WIDTH: 600px;white-space: nowrap; "> <div id="scroll_begin" style="display:inline;"> <img src="images/2009413102511252.jpg" height="200px" /…

    胡同里的砖头2013/12/19【HTML/CSS】
  • IFRAME有时候不显示及自适应高度的解决方法

    不显示是因为他的高度为0了,要适应他的高度 <script language="JavaScript" type="text/JavaScript"> function autoResize() {  try  {  document.all["iframe1"].style.height=iframe1.document.body.scrollHeigh…

    胡同里的砖头2013/12/19【HTML/CSS】
  • ul,ol,li,dl,dt,dd标签用法 ul: unordered lists

    ol: ordered lists li: Lists ol 有序列表。 <ol> <li>……</li> <li>……</li> <li>……</li> </ol>   表现为: 1…… 2…… 3……   ul 无序列表,表现为li前面是大圆点而不是123 <ul> <l…

    胡同里的砖头2013/12/19【HTML/CSS】
  • iframe并且控制不出现横向的滚动条的方法

    为此我们如果是想控制在横向上不出现滚动条的话,可以采取以下解决方案: 在.aspx页面中的<html></html>中的html标签中添加上下面这句话就可以了 style="overflow:auto;overflow-x:hidden" 添加之后为: <html style="overflow:auto;overflow-x:hidden">&l…

    胡同里的砖头2013/12/19【HTML/CSS】
站点声明:
1、本站【胡同里的砖头】个人博客,借鉴网上一些博客模板,取其各优点模块自行拼装开发,本博客开发纯属个人爱好。
2、所有笔记提供给广大用户交流使用,可转载,可复制,纯个人开发所遇问题锦集记录使用
Copyright © bysjdq.com All Rights Reserved. 备案号:苏ICP备2021046038