经验_济源站长网

IE6不支持max-height的解决方法

所属栏目：[经验] 日期：2018-10-07 热度：85

罪恶的IE6不支持max-height属性，不过我们可以通过 jQuery 来解决IE6不支持max-height，jQuery的代码如下： $(.entry).each(function(){ if($(this)[0].scrollHeightgt;500) $(this).css({height:500px}); }); 原理: 在IE6中可以通过设定height来达到max-h[详细]
HTML解析原理：让页面变得更快一点

所属栏目：[经验] 日期：2018-10-07 热度：137

Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验。非常不幸的是，效率最低的 IE浏览器仍然占领者绝大多数市场份额，这已经严重制约了互联网的发展（感叹一下：马赛克和IE阻碍人类文明发展的绊脚石!）。简单地说，页面[详细]
CSS 边框重叠鼠标悬停效果

所属栏目：[经验] 日期：2018-10-07 热度：183

前几天某个同事的项目中碰到一个边框重叠鼠标悬停效果，要实现鼠标移上后按钮边框换色，但左右两个按钮的边框又是合并在一起的。就像下面这张图片示意：如果看不明白，请移步参考淘宝搜索结果页面中的信用、价格两个排序按钮。http://s.taobao.com/search[详细]
一个Windows系统蓝屏界面的404错误页

所属栏目：[经验] 日期：2018-10-07 热度：134

搞怪的 404 错误页面会给人出人意料的感觉。一直想给搞个出彩的 404 页面，却碍于设计能力受限。前几天看了看我们牛逼闪闪的视觉设计师龙城同学的 404 页面，被雷了一下。看看下面的这张截图，像不像 Windows 系统的经典蓝屏界面? 也没啥好点评的，就是[详细]
模块的opacity透明与PNG的阴影透明冲突

所属栏目：[经验] 日期：2018-10-07 热度：84

模块的透明设置：filter:alpha(opacity=80); opacity:0.8; PNG的透明设置：直接在制作PNF-24模式的图时留有透明度就可以问题：今天在处理F7Dialog2.0项目时发现一个问题，那就是在IE中设置了一个模块的透明度后如果该模块内有插入或者设置背景的图片中带[详细]
ID 是 CSS 的魔鬼

所属栏目：[经验] 日期：2018-10-07 热度：184

这个问题在网络上曾经谈论过无数次了，今天我又拿出来讲。主要是警戒喜欢使用ID的朋友。正常情况下的HTML+CSS是不需要使用ID的，除非与JS挂钩时才使用，也就是说我们在编码过程中除非有JS要用到，就尽量不要使用ID。尤其要注意的是在非特殊情况下编写CSS[详细]
CSS3 Media Queries，媒介设备查询

所属栏目：[经验] 日期：2018-10-07 热度：57

允许通过 media 属性为不同媒介设备（如屏幕、打印机）指定专用样式表，而 CSS3 通过 media queries 使得更为行之有效。你可以为媒介类型添加某些查询条件用以检测设备，并采用不同的样式表。例如，你可以有一个大屏幕显示器的专用样式和一个移动设备的专用[详细]
CSS3学习之圆角box-shadow,阴影border-radius

所属栏目：[经验] 日期：2018-10-07 热度：76

最近经常玩腾讯微博 ,出来职业习惯,看看它的CSS,里面运用了大量的css3的东东,有一处用到了Data URI,还有css expression有争议的地方,对png24图片的处理也是用滤镜,类似(padding-top:2px)欠考虑! 看了腾讯的,下午就学了一下css3的东东!打算以后的项目中[详细]
Img,Script,Link等标签为空可导致页面多余请求

所属栏目：[经验] 日期：2018-10-06 热度：83

把页面中的img，script，link等标签为空链可以导致页面多余请求的问题，包括IE， Firefox ，chrome， Safari ！但是相对于img，script跟link的src、href为空时，在IE下不做请求，而 Chrome , Safari, 和 Firefox则会出现一次多余的新请求。下面详细讲解一[详细]
用HTML5制作网页 - HTML5实例教程

所属栏目：[经验] 日期：2018-10-05 热度：113

根据你们询问的人，HTML 5不是迈向创造更语义化的网络的下一个重要步伐，就是用一系列不完整的标签和标记大杂烩让网络陷入困境的灾难。争论双方的问题在于，很少的站点在自然环境下使用HTML 5，所以现在所认识到的问题的理论解决方案仍然在很大程度上未[详细]
从语义开始 – 概念、意义、实践 [多图]

所属栏目：[经验] 日期：2018-10-05 热度：52

随着WEB标准在国内的不断普及，结构表现行为分离、模块化、语义化、优雅退化等概念也成为考核一名前端人员对WEB标准理解的重要条目，其中，由于SEO背后的商业价值影响，语义化得到了突出的重视，作为一名刚入门的前端工作者，我也曾单纯地认为，语义化便是[详细]
${ hide_text } CSS文字隐藏总结报告$
{ hide_text } CSS文字隐藏总结报告

所属栏目：[经验] 日期：2018-10-05 热度：84

最近整理的一份CSS文字隐藏的demo，总结了几种方法，希望得出一种最完美的方案放进自己的代码片段，可是，到最后却陷入一种重复不断地推翻结论的境地。因为需要考虑的应用场景和元素实在太多，放下浏览器不谈，不同的应用终端，不同的标签结构会有不一样的[详细]
CSS跨浏览器开发原则[图文教程]

所属栏目：[经验] 日期：2018-10-05 热度：169

在互联网设计过程中，可以说没有什么比开发出一个能够在当前所有浏览器下都具有同样吸引眼球效果的设计更让人高兴的事了。遗憾的是，这个目标似乎都被普遍认定为不太可能实现。甚至有些人抛弃了对完美的追求，认为跨浏览器的兼容性并不是必备的。虽然我也[详细]
ie8 css hack 颜色使用示例

所属栏目：[经验] 日期：2018-10-05 热度：92

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
贸易战期间中美5G谁与争锋

所属栏目：[经验] 日期：2018-10-05 热度：69

特朗普宣布，将有可能对从中国进口的600亿美元商品加征关税，并限制中国企业对美投资并购。根据白宫新闻稿，美国将对中国一些技术密集型行业产品加收25%的关税，信息及通信技术行业产品赫然在列。[详细]
HTML中表单Input文本框只读不可修改的代码

所属栏目：[经验] 日期：2018-10-05 热度：120

在网页设计中，有的表单是不想让用户修改的，这样的文本框可以变成灰色，那么可以让HTML中的INPUT属性变灰色的代码是什么呢，本文就为大家介绍一下！让用户不能修改其中的信息，比如：input type=text name=input1 value=最火下载站veryhuo.com 的内容，[详细]
HTML5上传文件显示进度实例

所属栏目：[经验] 日期：2018-10-05 热度：59

HTML5上传文件显示进度实例一文转自博客园，原文标题为：HTML5上传文件显示进度！下面我们使用Html 5的新特性file api实现上传文件，并显示上传文件进度百分比。意图是这样的，当选择文件时，显示当前文件信息。这里我们是结合Asp.net MVC做为服务端，您[详细]
使用SMACSS规范编写CSS代码

所属栏目：[经验] 日期：2018-10-05 热度：61

使用SMACSS规范编写CSS代码是一个相对繁杂的CSS理论，分为Base、Layout、Module、Status和Theme共五个部分。不过它的核心思想仍然和OOCSS类似，鼓励使用class。 1. Base 基本属性基础属性很容易理解，就是最基本的东西，很多样式简单的网站都采用一个简单[详细]
onbeforeunload与a标签在IE中的冲突bug

所属栏目：[经验] 日期：2018-10-04 热度：154

onbeforeunload 是window的一个事件，目前 Firefox ，IE都支持，主要用来提示用户是否真的要离开该页面，通常在一些比较重要的数据提交之前，防止用户误操作导致数据丢失。典型的应用如gmail中，在写邮件的时候，如果刷新页面或者关闭页面，会出现提示。[详细]
跨浏览器 CSS 阴影的实现方法

所属栏目：[经验] 日期：2018-09-26 热度：183

阴影是最常用的 CSS 效果之一，CSS3 标准已经增加了阴影属性，下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影，基本语法如下： box-shadow: 3px 3px 4px #000; 上面的样式里，前面两个 3px 表示阴影在 xy[详细]
WEB 网页固定大小并且居中显示的方法

所属栏目：[经验] 日期：2018-09-26 热度：200

方法一：针对无框架的页面。其实就是设定Table的属性来实现。 table width=100% height=100% border=1 tr td align=center valign=top table width=980px height=100% border=1 tr td !-- 此处放置你的页面内容 -- /td /tr /table /td /tr /table 方法二[详细]
教你如何获取网页中FLASH的链接地址

所属栏目：[经验] 日期：2018-09-26 热度：103

方法一：先看看页面上有没有全屏播放，下载之类的链接，要是有的话就方便了，点下这个链接，会弹出全屏播放的窗口，复制地址栏你的地址就是了！方法二：查看源码法！一般的网页打开后，先选择浏览器菜单里的查看－＞源文件（或在页面的空白地方点鼠标右[详细]
如何复制网页上不能选中的文字？

所属栏目：[经验] 日期：2018-09-26 热度：107

我们在上网浏览网页时，当看到自己需要或者精彩的内容时，就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动，无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
良好的DIV+CSS的命名规则有利于SEO优化

所属栏目：[经验] 日期：2018-09-26 热度：155

一、CSS文件及样式命名 1、CSS文件命名规范全局样式：global.css；框架布局：layout.css；字体样式：font.css；链接样式：link.css；打印样式：print.css； 2、CSS样式命名规范本人建议：用字母、_号工、-号、数字组成，必须以字母开头，不能为纯数[详细]
CSS禁止中文输入法（只能输入英文）

所属栏目：[经验] 日期：2018-09-23 热度：53

CSS样式也是可以实现某些类似脚本的功能，例如今天要说的就是禁止输入中文，只要在CSS样式中加上以下代码就可以了： Copy to Clipboard 引用的内容：[www.veryhuo.com]ime-mode : disabled (说明：他的真实效果是禁止切换输入法，也就是说只能输入默认输入[详细]

5317

198