海鬼的博客

/* 超小设备（手机，小于 768px） */ /* Bootstrap 中默认情况下没有媒体查询 */ /* 小型设备（平板电脑，768px 起） */ @media (min-width: @screen-sm-min) { … } /* 中型设备（台式电脑，992px 起） */ @media (min-width: @screen-md-min) { … } /* 大...

background-size: cover; //只支持IE9+-webkit-background-size: cover; //webkit核心-moz-background-size: cover; //FF核心-o-background-size: cover; //应该是Opera核心吧，反正不是IE的，就先不管它了 以上几个css3属性都可以很好的支持根据浏览器大小...

以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。 div class="content-block"div class="box-container"div class="border-top"border top/div/divdiv class...

织梦后台原本的背景色为浅绿色，鼠标滑过的时候，效果不是很明显，所以只好把后台的颜色全部换掉，仅举例，至于具体换成什么颜色，大家自己琢磨。 onMouseMove="javascript:this.bgColor='#FCFDEE';" 替换成（建议使用DW的批量替换功能，把\dede\templets这...

DIV CSS 鼠标移动悬停在图片上图片变色或半透明变化效果实现，CSS鼠标悬停图片上图片变灰、图片变色、图片半透明 一、DIVCSS5介绍与说明： - TOP 看到网页中的图片当鼠标移动到图片上时（鼠标悬停在图片上）图片变灰，看似变色变灰效果，实际是图片被 CSS 设...

这是大概的效果，相信很少有人会用到，因为没有JS，没有绚丽的载入效果，但是因为某站特殊性，需要用到，这种布局方式，仅留下代码备用。HTML代码 div class="clink"div class="ch3"a class="on" id="cn2_1" onclick="javascript:return hd(this,'cn',5);"友...

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法 一是用程序开截取字符长度，这个其实也是可以的， 省略号： text-overflow:ellipsis;-o-text-overflow:ellipsis; 第二种是用样式来做,这里主要介绍...

效果如下图： 直接上代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=http://www.w3.org/1999/xhtml head meta http-equiv=Content-Type content=text/html; char...

做网站的时候，我们经常会遇到这样的问题，我们不想换行，但是因为标题字数太多了，只能隐藏，所以可以用如下代码来进行隐藏。 li { width:200px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; }...

//为方便下次使用查找，现记录如下...