steinyyu-CSDN博客

原创 css实现边框阴影效果的方法（含兼容）

shadow的CSS写法.css_shadow{width:600px;/*定义一个宽度*/height:450px;/*定义一个高度*/border:#909090 1px solid;background:#fff;color:#333;/*以下为重点*/-ms-filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,

2016-11-04 17:44:25 11284

原创让背景图适应不同分辨率的设备和不同浏览器

单纯用图片铺满背景不重复方法1：body{padding:0;margin:0;background:url(../images/vct.gif) 0 0 no-repeat scroll transparent;background-size:cover;}缺点：适用于大图，背景图像的某些部分也许无法显示在背景定位区域中。备注：****background-size更多了解请点击

2016-11-04 16:34:31 5258

转载设置inline-block元素的overflow：hidden意外增加元素总体高度的问题

来源1：https://my.oschina.net/u/214483/blog/663133 来源2：http://www.yidianzixun.com/home?page=article&id=0BwQmgTc摘要: 设置inline-block元素的overflow：hidden意外增加元素总体高度的问题工作中遇到的一个问题，设置inline-block元素的overflow：hid

2016-10-12 16:59:52 7056 3

原创网站推荐-不断更新

干货类：1. Moocss网站从《如何定义IE的文档兼容模式》这一干货中，Moocss网站是一个好的技术干货网站，值得常逛。网址：http://blog.moocss.com/tutorials/html-css-tutorials/1703.html2.豆瓣 http://www.douban.com/关注自己喜欢或关心的领域，挺实在的评论，几本好的设计书是那里淘出来的，当然我看的是大神的

2015-10-26 09:27:11 1837

转载让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

转载来自http://blog.csdn.net/chenhongwu666/article/details/41513901#comments如有雷同，不胜荣幸，若转载，请注明让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,fir

2015-10-26 09:14:41 534

原创 @media screen 的书写顺序

利用@media screen实现网页布局的自适应@media screen and (min-width:1200px){ .page{ width: 1100px; }}@media screen and (min-width: 960px) and (max-width: 1199px) { .page{ width: 960px; }}@media screen and

2015-10-08 15:53:30 10021

转载用PS把一张图片的边缘做成渐变的效果

用PS把一张图片的边缘做成渐变的效果1.先用PS新建一个文档，再导入一张图层素材，使用矩形选框工具，做出矩形选区2.单击鼠标右键，选择羽化3.设置羽化数值。4.再反选选区（shift+ctrl+i），按下键盘的DEL即可，最终效果如图转载自：http://zhidao.baidu.com/question/5819

2015-10-06 09:03:19 16210

原创点击倒数发短信验证码——疑问2

此处短信验证码只涉“及点击按钮后倒数”，并没有考虑IP地址限制，限制多发，或限制点击频率等代码如下：（以下代码可以运行，但死循环） var countdown=120; function settime(obj) { if (countdown == 0) { obj.removeAttribute("disabled");

2015-09-25 08:52:06 545

转载如何定义IE的文档兼容模式

伟大实践中的另一门HTML知识点由于现在IE浏览器的多个版本共存，同时浏览器的升级也给我们的老项目带来了不可预测的风险。浏览器的兼容性问题开始困扰我们的在线项目了。还好，微软的给我们的解决方案是设置X-UA-Compatible。X-UA-Compatible是自从IE8新加的一个设置，对于IE8以下的浏览器是不识别的。很多网站为了方便让页面在IE8/9

2015-09-24 22:02:38 2741

原创 IEtester从重要变鸡肋

在必须兼容IE6\IE7的苦逼年代，偶然得知IEtester,确实帮忙了，兼容性在需要边写边调试才会容易一些。受过苦逼的IE6 7 ,除了感觉整个人都不好了之外，其实还是会有自己的幡然醒悟。IeTester直到现在首页简洁，广告也不多但如今IE升级到版本11后，各版本的兼容呼声都有，不过目前大多统一要求在兼容IE8+或IE9+?个人看来IE6\IE7虽古老，但也有市场2015-

2015-09-23 14:08:11 2364

原创 IE版本的语句和placeholder——疑问1

除IE外都可识别所有的IE可识别仅IE6可识别 IE6以及IE6以下版本可识别 IE6以及IE6以上版本可识别仅IE7可识别 IE7以及IE7以下版本可识别 IE7以及IE7以上版本可识别仅IE8可识别仅IE9可识别公司实践代码：公司代码在IE9及以

2015-09-23 13:29:11 427

转载 Mailto用法详解

Mailto能让访问者便捷向网站管理者发送电子邮件。我们还可以利用mailto做许多其它事情。Mailto甚至还能自动在电子邮件中填入“抄送”和“密件抄送”者，或自动填写主题行。　　1）基本的 mailto　　单击这里给我发电子邮件　　当浏览者点击这个链接时，浏览器会自动调用默认的客户端电子邮件程序，并在收件人框中自动填上收件人的地址下面。　　2）包含抄送地址　　在收件人地

2015-09-23 10:14:25 159700

WEB前端娃——steiny