木子屋 Dnawo's BLOG

分类:HTML/CSS

共 133 篇

一行代码杜绝iframe挂马

相信大多数站长都曾经遭遇过iframe木马的侵害,有朋友的网站被注入了N回iframe,心情可想而知。而且现在ARP攻击,注入iframe也是轻而易举的事,仅局域网里都时刻面临威胁,今天把原理细细地讲一下吧。 IE Only——一般只有IE害怕iframe这样的挂马,所以就拿IE开刀。 在阅读本文之前,我们先了解一下expression: IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和JavaScript脚本关联起来,这里的CSS属性可以是元素固有的属性,也可以是 自定义属性。就是说CSS属性后面可以是一段JavaScript表达式,CSS属性的值等于Javascript表达式执行的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一个成员函数中一样。…

CSS控制表格的交替颜色三例

<style type="text/css"> <!-- tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} --> </style> </HEAD> <table> <tr><td>第1行</td><td>第1行</td></tr> <tr><td>第2行</td><td>第2行</td></tr> <tr><td>第3行</td><td>第3行</td></tr> <tr><td>第4行</td><td>第4行</td></tr> <tr><td>第…

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

既判断分辨率,也判断浏览器 应E.Qiang提议,重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。 解释: var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。…

动态修改框架(frame)src属性的方法

框架(frame)的src属性是只读的,按照正常的思路(document.frames.src)去修改会提示没有权限,但通过设置document.getElementById的src属性或设置弹出窗口的打开目标等方法我们仍可以达到动态修改框架src属性的目的,下面是本次测试代码:

链接打开目标(target)的一些测试

链接的target属性决定了链接在哪边打开,它的值通常为以下五种:_blank、_self、_parent、_top和自定义,依次表示为:新窗口、当前窗口、父窗口、顶层窗口和框架。当所指名称的框架不存在时,自定义作用等同于_blank。今天我们主要测试一下当所指名称的框架处于不同层次页面中或不同层次页面中都有该名称框架时链接在哪个框架中打开? 一、测试 1.测试一:指定名称的框架处于不同层次页面中 测试结果: 当target="frame1"时,在index.frame1中打开;(为方便说明,框架位置统一用"页面名称.框架名称"格式) 当target="frame2"时,在aaa.frame2中打开;…

CSS解决文字环绕图片问题

上图是美工为一站点制作的图文并茂的新闻标题列表,采用表格进行布局,右上和下部分分布在两个单元格中,程序实现起来可不太容易:要么分两次查询,一次取4条,一次取5条;要么一次取出9条,再分在两个单元格中显示。能不能通过设置图片的属性,让文字和图片像Word中一样可以四周环绕对齐?这样程序就不用理会图片,只负责一次读取显示就可以了。经测试将图片的float属性设置为left可解决我们的问题,效果如下图:

使用overflow代替left截取指定长度字符串

为了防止文章标题过长超过容器(td,div)宽度而显示成多行,我们通常要对标题进行处理让其显示在一行,通常使用的方法有两种:一种方法是在客户端用CSS设置容器的overflow属性;另一种方法则是在服务器端用left函数对标题字符串进行截取。两种方法通常情况下都能达到我们的目的: 今天我们来比较一下它们的优缺点: 1.处理地点不同 一个位于客户端,一个位于服务器端。能在客户端的处理的尽量不要在服务器端处理,减轻服务器负担,这一原则大家都知道了。 2.处理对象的不同 CSS是对容器属性进行设置,left是对标题字符串进行处理,哪个更合理?回答这一问题前我们先问下:为什么要对标题长度进行处理?为的就是"让标题长度不超过容器长度"即可!CSS是对容器属性进行设置,当标题长度超出容器长度时就进行处理;而left的做法是对每个标题进行处理,将标题的长度都控制在我们测试得出的长度n范围内,有一刀切的嫌疑。可见前者更具合理性。…

重新认识 button 标签

对每一个程序设计者来说,为用户创建一个统一的界面是一个不变的追求。网站中建立一致性是特别困难的,根据浏览器和操作系统的严重不同,几而且乎什么能做和不能做是任意的,所以视觉表现也很不一样。在任何地方比你处理表单元素时和建立标准的外观的战斗中最大的失败变得更加显然的就是最有名的提交按钮。 照现在这个样子,用Type="submit"输入即丑陋(Firefox),还有点神病(Internet Explorer)或者十分玩固(Safari)。用的最多的办法是使用图片输入和我们自己创建这个该死的东西。这是很不幸的,因为每次我们需要一个新的按钮时就要被迫于打开Photoshop的单调乏味。我们需要的是一些更好的东西——一些对设计者更加灵活和有意义的东西。幸运的是解决方案已经有了而且它只需要一点爱,我的朋友们,请允许我介绍我的小朋友给你吧:元素。 Inputs VS Buttons…

动态改变单元格的背景图

同事说他动态改变单元格背景图老不行,让我看下,HTML如下: 我一看也没看出原因,感觉应该可以呀,在自己机子上再测试了下,也是不行,突然想td本身不就有background属性,直接用this.background不就行了,改完再做测试,可以了。那用style应该也可以吧,是不是哪边写错了?查了下CSS语法,终于知道原因了。总结了一下,用以下三种方法都可以达到测试: 1. '; 2. )';//注意引号位置 3. )'; 上边错误的出现只因我们对CSS语法的不熟,写下加深记忆,CSS高手勿笑^_^

利用CSS框架进行高效率的站点开发 Elements

随着公司网站的再度改版,当初在页面代码规划以及css设计方面的问题逐渐都浮现出来。由于设计当初考虑得不够全面,给站点的改版带来很多不必要的麻烦。CSS框架这个概念在这个时候显得越发的重要,也是必要! 在去年的时候曾经说过用Dreamweaver 代码片断 提高css开发效率。其实已经是CSS框架的雏形。而国外也开始有很多的CSS Frame出现。css框架已经是我们必须研究解决的一个问题。如果更快速、有效、可扩展的去书写站点的CSS代码。 这里为大家介绍一个CSS框架 - Elements 下载地址:http://www.mzwu.com/pic/20071031/css-framework-elements.rar…