-
让 Chrome 崩溃的 CSS 代码
所属栏目:[经验] 日期:2018-10-06 热度:164
让 Chrome 崩溃的 CSS 代码,请看下边的CSS。点击查看DEMO(请使用谷歌Chrome浏览器) Copy to Clipboard 引用的内容:[www.veryhuo.com]background-image: -ms-radial-gradient(center bottom, ellipse closest-corner, #4B8BEE 0%, #78AAF6 100%); backg[详细]
-
学习HTML5的10个顶级资源
所属栏目:[经验] 日期:2018-10-06 热度:185
HTML5已经成为互联网行业的最新流行语,不少人相信这是Web的未来。即使没有加入该社区的人也承认,HTML5包括了本来应该从一开始的HTML规范中包含的功能。在这篇文章中,我们将告诉你大约10 个HTML5的资源,让您现在开始使用该技术。 1)HTML 5工作草案标准[详细]
-
onmouseover的td里面有a标签时晃动
所属栏目:[经验] 日期:2018-10-06 热度:183
这是因为当鼠标移动到td里面的 a 上时,td 的 onmouseout 事件会被触发。 然后 a 的 onmouseover 被触发,由事件传递链,向上又发送到td, 因此 td 的 onmouseover 再次触发,于是就会有闪烁了。 有两种方法可以解决,第一,在 td 的onmouseout 中,对 event[详细]
-
css box-shadow阴影不透明的解决办法
所属栏目:[经验] 日期:2018-10-06 热度:115
你在使用box-shadow来实现阴影效果的时候,有没有注意到有些情况下,阴影并不是透明的效果 Copy to Clipboard 引用的内容:[www.veryhuo.com]!DOCTYPE HTML html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title烈火学院/titl[详细]
-
CSS之a:hover下的span样式无效的解决方法
所属栏目:[经验] 日期:2018-10-06 热度:79
下面的例子中,a标签里包含了一个span,我们可能希望当鼠标移到a上时,span的样式发生变化,但是在ie6下发现无效 !DOCTYPE HTMLhtmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title/titlestyle type=text/cssa:hover span{font-[详细]
-
纯CSS3文字渐变内发光投影效果
所属栏目:[经验] 日期:2018-10-06 热度:63
今天群上面同志们在讨论css3内发光效果,自己也就研究一下,写了个效果出来,涉及css3投影,渐变,蒙版,伪类等知识点,现在写下设计思路,仅供参考。发个效果图大家看先: 一般我们都是用css3的box-shadow来实现盒投影,用text-shadow来实现文字投影,box[详细]
-
跨浏览器 CSS 阴影的实现方法
所属栏目:[经验] 日期:2018-09-20 热度:171
阴影是最常用的 CSS 效果之一,CSS3 标准已经增加了阴影属性,下面讨论一下阴影在各种浏览器里的实现方法。 CSS3 阴影 CSS3 里使用 box-shadow 属性定义块的阴影,基本语法如下: box-shadow: 3px 3px 4px #000; 上面的样式里,前面两个 3px 表示阴影在 xy[详细]
-
WEB 网页固定大小并且居中显示的方法
所属栏目:[经验] 日期:2018-09-20 热度:165
方法一:针对无框架的页面。 其实就是设定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-20 热度:99
方法一:先看看页面上有没有全屏播放,下载之类的链接,要是有的话就方便了,点下这个链接,会弹出全屏播放的窗口,复制地址栏你的地址就是了! 方法二:查看源码法! 一般的网页打开后,先选择浏览器菜单里的查看->源文件(或在页面的空白地方点鼠标右[详细]
-
如何复制网页上不能选中的文字?
所属栏目:[经验] 日期:2018-09-20 热度:179
我们在上网浏览网页时,当看到自己需要或者精彩的内容时,就想选取某些文本或图片复制下来保存到本地硬盘中。可按住鼠标左键拖动,无论如何也无法选中需要的文字。当然也就不能复制网页中的文字了。这是有些网站为了保护自己的内容运用了一些技术手段让我[详细]
-
良好的DIV+CSS的命名规则有利于SEO优化
所属栏目:[经验] 日期:2018-09-20 热度:152
一、CSS文件及样式命名 1、CSS文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css; 2、CSS样式命名规范 本人建议:用字母、_号工、-号、数字组成,必须以字母开头,不能为纯数[详细]
-
怎么调用iframe的父窗口的父窗口?
所属栏目:[经验] 日期:2018-09-18 热度:198
问题: 怎么调用iframe的父窗口的父窗口?做个AJAX上传图片 Copy to Clipboard 引用的内容:[www.veryhuo.com]iframe src=ajax_upimage.html name=iframeUpload1 width=350 height=80 frameborder=0 SCROLLING=no style=border:1px red solid/iframe ajax_u[详细]
-
纯CSS圆角框2:透明圆角化背景图片
所属栏目:[经验] 日期:2018-09-18 热度:103
在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以[详细]
-
纯CSS圆角框:基本的圆角框
所属栏目:[经验] 日期:2018-09-18 热度:108
序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。 纯CSS实现圆角框是一件大家都说烂了的事件[详细]
-
XHTML+CSS布局img图片元素出现空白的问题
所属栏目:[经验] 日期:2018-09-18 热度:83
在进行页面的XHTML+CSS排版时,遇到IE6(当然有时 Firefox 下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的,对于该问题的解决方法也是见机行事,根据原因的不同要用不同的解决方法,这里把解决直接把解决image图片布局下边的多余空隙的[详细]
-
CSS中英文无法自动换行的解决办法
所属栏目:[经验] 日期:2018-09-18 热度:97
问题: 在一个设定好宽度的div中,当我们输入的中文文字长度超过了设定宽度时,会自动换到下一行。但是,如果输入的是英文字母,那么,无论你div设定宽度为多少,英文字母都是不换行直接在同一行输出,导致div的宽度远远超出设定的大[详细]
-
CSS Sprites:实用技巧,还是潜在危险?[译]
所属栏目:[经验] 日期:2018-09-18 热度:131
无处不在的CSS sprites是为数不多的几个可以绕过逐渐流行阶段,而直接让自己成为CSS最佳实践的Web设计技巧中的一个。尽管在A List Apart对它进行一个解释以及赞同认可这种方式之前,它还没有真正地流行。它最早是由Petr Stancek.在2003年7月提出来作为一个[详细]
-
CSS 网页布局实例:横向分栏水平居中的实现
所属栏目:[经验] 日期:2018-09-18 热度:115
CSS 网页布局实例:横向分栏水平居中的实现 CSS 横向分栏布局实例,在内容显示区,因为元素未定义高度,所以必须添加内容,才能更好地显示元素的位置。也就是给正文显示区更大的余地,让内容决定正方的高度,因为本布局实例就是横向不变竖向变,以满足不同[详细]
-
CSS实例布局:绝对定位的DIV层实现
所属栏目:[经验] 日期:2018-09-18 热度:197
本文要介绍的教程是关于CSS绝对定位的布局问题,关于CSS绝对定位的好处是,不管网页窗口有多大或多小,其内部显示的内容不会变形,浏览用拖动条代替,在对布局显示要求较高的场合,绝对定位还是有很大好处的。这个使用绝对定位技术的CSS代码会告诉你该如何[详细]
-
CSS3实例效果五则,很实用的WEB开发教程
所属栏目:[经验] 日期:2018-09-18 热度:148
对于设计人员和开发人员来说,CSS一直是web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。 用纯CSS也可以实现各种各样很酷的效果了,甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)[详细]
-
把Flash转成Javascript/HTML5
所属栏目:[经验] 日期:2018-09-18 热度:78
SmokeScreen是这样一个开源软件,它可以把Flash的swf文件转成 Java script/HTML5,它的口号是:Flash without plugin。为什么要这样做呢?它说主要是因主Apple的iPhone/iPod/iPad不支持flash,而且看似Steve Jobs也不愿意在以后支持flash。所以,他们搞了[详细]
-
全兼容可高亮二级缓冲折叠菜单[附DEMO演示]
所属栏目:[经验] 日期:2018-09-17 热度:156
最近一段时间一直比较忙,已经有好几个月没有打理博客了。现将一个最近在项目中制作的一个菜单实例整理出来,共享一下。 在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所[详细]
-
什么是css sprite?原理优缺点及使用实例
所属栏目:[经验] 日期:2018-09-17 热度:85
关于CSS Sprite CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度[详细]
-
js+css实现禁止鼠标右键与选中网页文字
所属栏目:[经验] 日期:2018-09-17 热度:188
关于禁止右键的文章,烈火也曾经提到过几篇,相关代码都比较冗长,不够精简,在本文中我们来看一个js+css简单实现的代码,可以禁止鼠标右键及选中网页中的文字,支持 Firefox 火狐浏览器 。 CSS代码: body{ -moz-user-select:none; hutia:expression(this.[详细]
-
图片自适应大小,超出部分自动隐藏缩略
所属栏目:[经验] 日期:2018-09-17 热度:141
在制作网站布局中,图片的自适应功能是一个非常重要的功能,一般的用处是来防止图片撑开容器而对图片的尺寸进行必要的控制。有一个比较简单的方法来实现: max-width:600px; IE7、FF等其他非 IE浏览器 下最大宽度为600px。但在IE6中无效。 width:600px; 在[详细]