经验_云计算网_宿迁站长网

背景图片自适应分辨率浏览器大小自动拉伸全屏代码

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

在制作页面CSS样式的时候，一个好看绚丽的效果背景图片是少不了的，为了考虑到每个访客用户的分辨率大小都不相同，我们会选择使用可以平铺的颜色代码或者小图片作为背景，那么如何让一张高清大图作为背景，不论访客用户的分辨率大小如何，都会自动拉伸显[详细]
纯CSS单行文本溢出追加省略号代码

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

之前一直以为单行文本溢出追加省略号没法兼容所有浏览器，经元泉同志提点，顺利解决： .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 样式代码，四个属性都是必须的，并且宽度必须设在当前容器上，父容器定宽[详细]
图片热区详解与切片的优势比较

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

切片和图片热区是什么？图片切片是将很大的网页图片，切成类似拼图的那种形式，之后运用 HTML 代码，再完美的拼接起来的一种加快网页图片显示的手法，图片切片之后你还可以在不同的切片上加入链接等等，从而达到点击不同图片区域跳转到不同页面的效果。图[详细]
CSS 滤镜 -webkit-filter 的介绍和使用

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

大家可能对 Instagram 这款 iPhone APP 上的滤镜效果很感兴趣，其实 CSS3 开始也有滤镜（不是 IE 的那种滤镜），这些滤镜效果最初是用于 SVG 的，W3C 将其引入到 CSS3 中，然后制定了 CSS Filter Effects 1.0 的规范，Webkit 率先支持了它。 -webkit-filte[详细]
如何实现IE6下块级元素的内容自动收缩

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

近期在做提示层组件的开发，遇到了一个IE6常见的bug....想出了几个解决的办法，挺有意思的，这里分享给大家。由于IE6浏览器中，display:inline-block只能触发IE的haslayout属性使得元素具有布局属性，当对div元素使用display:inline-block，div元素仍然为[详细]
display:inline-block下的IE元素

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

副标题#e# 通常我们想让内联元素为行块布局显示，有2种方法，最常见的是方法是.selector {display:block;float:left;......}，第二种方法是.selector {display:inline-block;......}，对于第二种方法，在 IE浏览器中得到支持，测试结果会认为IE能识别displ[详细]
HTML5网页让所有浏览器都能识别HTML5标签样式

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

如今HTML5愈来愈引发大家的关注了，但目前支持HTML5的浏览器还不是主流，特别是国内用户近50%以上仍旧使用IE6，由于支持HTML5的 IE9 不支持Xp系统安装，这样未来很长一段时间，HTML5的开发者将必须考虑向下兼容的问题。HTML5的标签或CSS选择器兼容性的做法[详细]
关于HTML条件注释你可能不知道的一些事儿

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

最近经常看到类似这样的HTML代码片段，很多前端开发人员应该都熟悉： 1 !--[if lt IE 7] html class=ie6 ![endif]--2 !--[if IE 7] html class=ie7 ![endif]--3 !--[if IE 8] html class=ie8 ![endif]--4 !--[if gt IE 8]!-- html !--![endif]-- 这段代码[详细]
贸易战期间中美5G谁与争锋

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

丽江站长网（http://www.0888zz.com）了解到此次贸易战背后的原因，既有特朗普的政治诉求，也有限制中国高新技术行业发展的目的。随着全球5G竞赛的不断升温，中美两国的5G较量随着这场贸易战已进入白热化阶段。可以说5G在一定程度上是影响着两国未来国家[详细]
onbeforeunload与a标签在IE中的冲突bug

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

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

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

初用CSS滤镜的朋友可能会遇到这样的问题:给div套上filter:alpha(opacity=50); 滤镜后，里面的文字也随之半透明,这种情况下，我们该怎么办呢？经过本人查阅大量资料，实验N次终于找到了一个兼容ie6,ie7,ie8以及firefox的css透明滤镜的方法,且看我举例说明.[详细]
html{overflow-y:scroll}引起的iframe滚动条问题

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

今天做iframe需求时发现chorme总是会出现滚动条，怎么都去不掉，scrolling=no这个属性丝毫不起作用。但是ie和firefox却没有出现这个滚动条，然后求助龙笛同学，才知道罪魁祸首是子页面里有一条html{overflow-y:scroll}引起的。被iframe的页面中存在css：h[详细]
FCKEditor超级链接默认新窗口打开的修改教程

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

Fckeditor是一款开源的WEB可视化编辑器，因为该软件小巧、易用、方便受到大家的欢迎，国内很多CMS都采用了FCK编辑器，最近有很多网友向烈火反映关于FCK添加的超级链接不能在新窗口中打开，需要另外设置才可以，那么，能不能将链接默认为新窗口呢？答案是可[详细]
引入CSS的两种方式：link和@import的区别

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

引入css外部文件的两种方法为在html页面通过link，src属性（注意空链接时的陷阱！），再者是通过CSS文件本身通过@import url()引入，虽然这两种方式都可以加载进来CSS文件，可是link和@import也存在着细微的差别。隶属上的差别 link属于XHTML标签，而@imp[详细]
有关 HTML5 的应用现状与发展前景的思考

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

现在的 HTML5 就像当年崭露头角时的 Ajax，有人在做，但不知道叫它什么。最近，苹果在 HTML5 上大做文章，而著名的 Web 设计师 Eric Meyer 则提出了 Web Stacks 的概念。Alex Kessinger 是 Yahoo 的一名前端工程师，本文是他对 HTML5 应用现状与前景的思考[详细]
模仿 Google 新搜索框的阴影效果

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

如图所示，注意搜索框的下边框和右边框的简单阴影效果。一起到Google看看去！是图片吗？不是，Google是通过3个不同颜色的边框实现的简单阴影。 (注意：Google的效果不支持IE6，但是模仿的效果支持所有浏览器。) Google是如何实现的？ Google的主要HTML代[详细]
如何隐藏滚动条?IE去掉滚动条HTML代码

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

做了一个页面，与桌面分辨率一样大小，但是在IE全屏（F11）下却显示有滚动条，而火狐确没有。怎么样去掉IE滚动条呢？其实有一个属性就可以解决。方法1：直接在body里面加上属性scroll 代码如： body scroll=no 方法2：使用样式表overflow 代码如： HTML[详细]
IE6 select z-index无效，遮挡div的解决教程

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

在最近的一个项目中，遇到了IE6 select遮挡div的bug，为了解决这个bug我查了很多资料，试图找到一个最最有效的方法，很多人是通过iframe的方法来解决，其实我查了国外的很多资料也是通过iframe的方法来解决的。今天我说说iframe解决的一般方法，已经使用 j[详细]
Img,Script,Link等标签为空可导致页面多余请求

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

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

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

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

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

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

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

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

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

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

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

随着win7使用者的不断扩大，开始将ie8纳入开发兼容浏览器范围 9 例:margin:0px auto9;.这里的9可以区别所有IE和FireFox. * IE6、IE7可以识别. IE8 、FireFox不能. _ IE6可以识别_,IE7、IE8、FireFox不能. .color{ background-color: #CC00FF; /*所有浏览[详细]
跨浏览器 CSS 阴影的实现方法

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

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

8444

270