1.首先设置body的高度为100%，overflow属性设为hidden(溢出隐藏) 2.body内div宽和高都设为100%,overflow属性设为hidden ,z-index:-1（确保背景图片在最下面） 3.设置div内的img宽高都为100%; html 代码如下： css代码如下：body { background: #888 none repeat scroll 0 0; font-family:Microsoft YaHei; height:100%; margin:0; padding:0; overflow:hidden;}.lay_bac...
CSS实现的背景图片替代颜色代码:有时候在背景图片由于网络或者其他原因没有显示的时候，可以使用指定的背景颜色替代，下面就是一段能够实现此功能的代码: background: url("a.jpg") no-repeat #ccc; 原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=12694 更多内容可以参阅:http://www.softwhy.com/divcss/
css实现的点击具有立体背景变化效果的按钮:一般来讲原生态的东西都比较粗放，网页中的按钮也是如此，下面就介绍一下美化按钮的方法，就是给链接设置一个背景图片，并且设置链接默认状态下和按下状态的背景图片，这样就实现我们想要的效果。代码如下: 蚂蚁部落.clear{ overflow: hidden; width: 100%;}a.button{ background: transparent url('mytest/demo/bg_button_a.gif') no-repeat scroll top right; col...
css实现的文字位于图片之上且背景半透明:现在很多网页中都有这样的效果，就是文字说明悬浮于图片之上，并且文字的背景是半透明的，这不但美观而且也可以节省网页空间，下面就通过代码实例介绍一下如何实现此效果。代码如下: 蚂蚁部落 a.title{ color:#D3D3D4; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#A0000000',EndColorStr...
鼠标悬浮实现链接背景变色效果:本章节分享一段代码实例，它能够实现鼠标悬浮链接实现背景变色效果。代码实例如下: 蚂蚁部落a{ display:block; width:140px; height:30ox; line-height:30px; background-color:#94b8e9; border:1px solid black; color:#000; text-decoration:none; text-align:center;}a:hover{ background-color:#369; color:#fff;}蚂蚁部落 以上代码实现了我们的要求，当鼠标悬浮...
下面附上图片及代码 一键开店效果文字不要阅读，效果文字不要阅读效果文字不要阅读 .circle .kaidian:hover{ width: 200px; height: 330px; margin-top: 10px; background: url(./images/fp_37.png) center no-repeat; background-size: 180px 220px; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); float: left;} ...
分享一款CSS3给图片添加旋转背景特效。这是一款纯CSS3实现的当鼠标滑过图片时文字旋转动画特效。效果图如下： 在线预览 源码下载 实现的代码。 html代码： 魔力唇彩 嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑 魔力唇彩 嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑 ...
兼容低版本IE浏览器的背景颜色渐变效果:大多数的兼容性问题都是由于低版本的IE浏览器所导致的，本章节分享一段代码实例，它能够实现背景的颜色的渐变效果，如果在标准浏览器中直接采用css3属性即可实现，但是IE低版本的问题所以需要进行一下兼容性处理。代码如下: 蚂蚁部落.gradient{ background:#000000; background:-moz-linear-gradient(top, #000000 0%, #ffffff 100%); background:-webkit-gradient(linear, l...
如何实现双击选中文本背景色自定义效果:本章节介绍一下如何实现当双击选中一定区域的文本的时候，实现背景色自定义的效果。下面就通过代码实例做一下简单介绍: 蚂蚁部落::selection{ background-color:#84ca7f; color:#000;}::-webkit-selection{ background-color:#84ca7f; color:#000;}::-moz-selection{ background-color:#84ca7f; color:#000;}softwhy.com是蚂蚁部落的网址。 上面的代码实现了我们的...
.mb{16 background-color:#9e9e9e;filter:Alpha(Opacity=60);position:absolute;opacity:0.6;top:0;left:0;z-index:10;18 }
这是初始的样子，我想要的效果是这颗心不随滚动条滚动 当我拖动滚动条的时候，这颗心跟着移动了，但原位置固定了另一颗心。 继续拖动滚动条， 由此可见，初始页面的心会随着滚动条移动，但同时有另一个心被固定在中间。 我只想要让这个心被固定在中心。不会因为滚动条的移动而出现另一颗心。 我通过JS建立canvas并将画设为背景图，JS代码如下： var canvas = document.createElemen...
近年网站设计多半直接用 CSS 来设定颜色，有些则会使用模糊 背景 效果，我猜这可能从 Windows Vista 之后的毛玻璃特效（Windows Aero）有关，无论如何，现在你可以使用今天这个在线工具轻松做出模糊 背景 效果，然后加到你的网站项目中。 Unique Gradient Generator 是一个独特的渐变 背景 产生器，跟一般 CSS 渐层背景语法功能不同，透过这项服务可以从网站提供的免费图库来挑照片，或是自己上传，选择要模糊显示范围。因为是...
现在做的网站首页，导航条等使用了半透明效果，调试的时候鄙人使用了Chrome浏览器，之前有考虑过IE的兼容性问题，但打算，网页完全布局完成后一次性解决。因为只要求兼容到IE8，所以感觉并没有什么太大的问题。 但是当进入调试阶段的时候，我彻底“崩溃了”IE简直就是反人类的代名词，但问题仍然需要解决。 首先，正常情况下，在高版本的浏览器下，对一个盒子的背景使用半透明效果，我们只...
编者按：都知道没时间没灵感的时候，用点 纹理 素材就可以一秒提升格调，不过你肯定没见过把 纹理 玩得这么酷炫有范的，今天这组网站都是用纹理做背景而且效果拔群的，不懂纹理素材怎么用的同学，来看高手的示范！ 《46款高大上的网页渐变背景免费打包下载》 《节日福利！100套优质无缝纹理免费打包下载（矢量可编辑）》 《节日专用！700M+高端大气的金色系纹理素材免费打包下载》 Cafe Frida...
现在很常看到网站把视频做成首页背景，不用按下播放按钮，就有动态显示效果，跟以往静态图片相较下更动态、更有活力，不过要寻找合适的免费影片就不是那么容易，若没有预算自己拍摄，可以到本文介绍的 Coverr 来找找网站提供的免费首页背景影片素材，这里的素材皆能在线预览、免费下载，而且使用上没有任何限制。 Coverr 收录许多适合放在网站首页做为背景的影片，这些影片采用 CC0 授权，也表示可以自由、免费下载并用于任何地...