-
为了方便定义个class:
.forbiddenPointerEvent{
pointer-events: none;
}
禁用点击事件:
$('div li').addClass('forbiddenPointerEvent');
恢复点击事件:
$('div li').removeClass('forbiddenPointerEvent');
-
问题背景:
做好的网页在PC端一切正常,但是在移动端或手机端页面可以左右拖动,然后显示一片空白区域。
解决方案:
只需在CSS中加入如下一段代码即可:
html,body{
overflow-x:hidden;
}
-
问题背景:
固定宽度和高度的div层,当div里的内容在超出固定的高度之后,即产生了溢出,如何保证滚动条实时自动同步滚动到最底部?
解决方案:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Dem...
-
问题背景:
将鼠标移动到超链接上(如<a style="cursor:hand;">挪动鼠标到我身上你将会看到一个手型效果</a> ),结果显示不出来鼠标小手效果
问题解决:
无论是IE还是火狐,通用的鼠标小手的样式是:style="cursor:pointer;"
-
在PHP中,我们常常使用include命令来包含公共文件,比如说页首、页尾的部分,使用公共文件非常方便,但在HTML页面里使用include根本就不起作用。这是因为,include是PHP的命令,因此可以在PHP页面里使用。而HTML静态页面被调用的时候并不经过PHP解释器,而是直接发送到用户浏览器,因此include命令就无效了。
对于信息量较大的网站,通常我们都选择使用静态页面,...
-
在其它网站做链接可以带来更多访问量。自从google等主要搜索引擎将网站的链接广泛度作为排名参考的重要因素以后,越多网站链接你,你的网站排名越高。同时,链接的质量也是搜索引擎考虑的重要因素。链接在访问量高的网站比链接在访问量低的网站更有优势。
1、将网站提交到主要的检索目录。
确保你的网站登录到免费的Open Directory Project (www.dmoz.com),
...
-
笔录下表单中enctype="multipart/form-data"的含义:
1、这是用来设置表单的MIME编码。
2、默认编码格式是application/x-www-form-urlencoded,不能用于文件上传。
3、切记只有使用了multipart/form-data,才能完整的传递文件数据,进行文件上传操作。
-
首先可以尝试:
{
font-family: 微软雅黑;
}
如果不行还可以用:
{
font-family: "Microsoft YaHei" ! important;
}
使用中最好不用中文,中文的话,英文系统就显示不了了。(前提是英文系统也有这个字体)
CSS中设置的字体
考虑到兼容性,我们总会在CSS中队字体进行一些设置,这类设置往往设置在body标签上,...
-
演示效果截图
CSS代码
<style type="text/css">
.buttons a, .buttons button{
display:block;
float:left;
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede...
-
一、 Yahoo的军规条例:
谨记:80%-90%的终端响应时间是花费在下载页面中的图片,样式表,脚本,flash等;
详细的解释来这里查:
英文版:http://developer.yahoo.com/performance/rules.html
中文版:http://www.itlearner.com/article/4877
也可以直接firebug上一项项比对,如下图:
1、尽量减少HT...
-
问题背景:
<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下,浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 <base> 标签可以改变这一点。浏览器随后将不再使用当前文档的 URL,而使用指定的基本 URL 来解析所有的相对URL。这其中包括 <a>、<img>、<link>...
-
HTML源代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CSS + ul li 横向排列的两种方法...
-
问题背景:
WEB项目中经常要实现文字两端对齐的效果,在网上搜索了一下,用的都是类似的技巧:
text-align:justify;
text-justify:inter-ideograph;
我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用,最终在StackOverflow上找到了解决方法 :)
CSS样式:
div.justify {
...
-
问题背景:
本文分享的主要是关于一行横向排列内容,而又包含前面标题并且要求它的文字两端对齐的一种方法。如下图,网上有很多方法,但是经过我测试,基本
没有一种方法能通过所有浏览器测试。而以下这种方法则兼容了大多数主流浏览器(ie6、7、8、9,ff,chrome,safari)。
重点说明:
必须定义标题的字体,这里我们设置字体为simsun...
-
(1)Aviary Screen Capture 屏幕截图
Aviary Screen Capture让你能够截取网页的屏幕快照。获得屏幕快照后,用Aviary.com的应用程序在浏览器内编辑那幅快照。基本的图像编辑装置让你能够标记(通过画箭头和长方形)、编辑(裁剪、旋转和调整大小)和获得精确的像素色彩。
其特性包括:
保存在桌面、在线主机、或在其它的Aviary应用程序上...
我就遇到了这个问题,终于找到解决办法...