小编Ale*_*ack的帖子
<li>中的<a>链接不会覆盖整个表面
我正在设计一个导航栏.代码如下所示:
<nav class="menu">
<ul class="topnav">
<li><a href="index.html">Overview</a></li>
...
</ul>
</nav>
在css中,我有以下代码用于li元素:
ul.topnav li{
cursor:pointer;
list-style-type:none;
display:inline;
float:left;
background-clip:padding-box;
text-align:center;
width:139px;
background-repeat:repeat-x;
background-image:url(images/nav_normal.png);
background-color:#CC33CC;
font-size:14px;
padding:9px 0 8px 0;
margin:0;
color:#6F5270;
text-shadow:#FCF 0 1px;
}
ul.topnav li a{
font-size:15px;
font-weight:bold;
padding:auto;
color:#FFFFFF;
text-shadow:#903 0 1px;
text-decoration:none;
}
它会生成以下按钮:
问题是链接可点击区域(以蓝色显示)不会覆盖按钮的整个表面.所以当我点击按钮的边缘时,它不起作用.我尝试使用填充值但无法解决问题.是否有一种简单有效的方法使链接覆盖按钮的整个区域,以便它可以在用户可能单击的按钮上的任何位置工作？
8
推荐指数
推荐指数
1
解决办法
解决办法
8849
查看次数
查看次数
打印所有环境变量的列表
我想打印所有环境变量及其值的列表.我搜索了Stackoverflow,以下问题接近但不回答我:
- 如何发现lua环境中可用的内容？(这是关于Lua环境而不是系统环境变量)
- 打印Lua中当前作用域可访问的所有局部变量(再次关于_G而不是os环境变量)
- http://www.lua.org/manual/5.1/manual.html#pdf-os.getenv(这是一个很好的功能,但我必须知道环境变量的名称才能调用它)
与C不同,Lua没有envp**传递给的参数,main()所以我找不到获取所有环境变量列表的方法.有谁知道如何获取所有环境变量的名称和值的列表？
7
推荐指数
推荐指数
2
解决办法
解决办法
6527
查看次数
查看次数
如何在类似地铁的Web GUI中定位图标？(包括图像)
我创建了一个简单,轻量级的GUI,类似于Microsoft Metro UI.它由一组浮动元素组成,可根据屏幕大小灵活调整大小:
这是代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index2</title>
<style type="text/css">
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
html{
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
}
div.tiles{
background-color:black;
padding:50px;
}
div.tiles div{
border-radius:2px;
padding:10px;
margin:5px;
color:white;
background-color:#666;
display:marker;
cursor:pointer;
float:left;
width:25px;
height:25px;
}
div.tiles div:hover{
transition:background-color 1s;
-moz-transition:background-color 1s;
-webkit-transition:background-color 1s;
background-color:#060;
-moz-transform:rotate(6deg);
}
div.tiles div.icon{
position:relative;
bottom:0px;
left:0px;
z-index:10; …7
推荐指数
推荐指数
1
解决办法
解决办法
1978
查看次数
查看次数
为什么使用array.push()来创建一个对象？
我正在阅读如何在JavaScript中获取查询字符串值？在Stackoverflow和第一个回复的这段代码让我想知道为什么'vars.push()'像这样使用？
function getUrlVars()
{
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
}
但不是这样的:
var vars=[];
...
vars.push(hash[0]);
vars[hash[0]] = hash[1];
我重写了代码,如:
var vars={};
...
vars[hash[0]] = hash[1];
它的工作原理.现在的问题是:
- 为什么会有人使用数组进行回复？
- 为什么有人会使用
ARR.push(KEY)然后使用ARR[KEY]=VAL格式？
7
推荐指数
推荐指数
1
解决办法
解决办法
216
查看次数
查看次数
CSS Sprites - 仅使用一个图像作为元素的一部分的背景
我使用CSS Sprite技术,背景图像看起来像这样:
图标的CSS代码:
div.icon {
background-color: transparent;
background-image: url("/images/icons.png");
background-position: 0 0;
background-repeat: no-repeat;
display: inline-block;
height: auto;
vertical-align: text-top;
width: auto;
}
div.icon:empty {
width:16px;
height:16px;
}
div.icon:not(:empty) {
padding-left:20px;
}
div.icon.attenuation {
background-position: 0 0;
}
我的图标可以像这样使用:
<div class="icon warning"></div>
我想在我的图标中添加一些文字,如:
<div class="icon warning">There is a warning on this page</div>
但问题是背景图像覆盖整个文本区域:
问题是:我如何只使用图像的一部分作为我元素的一部分的背景图像？
笔记:
- 设置
width为16pxfordiv.icon无济于事.
7
推荐指数
推荐指数
2
解决办法
解决办法
3590
查看次数
查看次数
为什么JQuery UI滑块中的句柄是<a>标签？
我正在阅读滑块的官方演示页面中的代码:http://jqueryui.com/demos/slider/我想知道为什么<a>标签用于处理？为什么不<div>呢？
<div class="demo">
<div id="slider" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
<a class="ui-slider-handle ui-state-default ui-corner-all ui-state-hover" href="#" style="left: 19%; ">
</a>
</div>
</div>
6
推荐指数
推荐指数
1
解决办法
解决办法
903
查看次数
查看次数
一个更简单的正则表达式来解析引用的字符串
问题很简单.我有一个包含多个元素的字符串,这些元素嵌入在单引号中:
var str = "'alice' 'anna marie' 'benjamin' 'christin' 'david' 'muhammad ali'"
我想解析它,以便我在数组中包含所有这些名称:
result = [
'alice',
'anna marie',
'benjamin',
'christin',
'david',
'muhammad ali'
]
目前我正在使用此代码来完成这项工作:
var result = str.match(/\s*'(.*?)'\s*'(.*?)'\s*'(.*?)'\s*'(.*?)'/);
但是这个正则表达式太长而且不灵活,所以如果我在str字符串中有更多的元素,我必须编辑正则表达式.
什么是最快速,最有效的解析方法？在我们的Web应用程序中,性能和可靠性非常重要.
我看了下面的问题,但他们不是我的答案:
6
推荐指数
推荐指数
1
解决办法
解决办法
3873
查看次数
查看次数
lodash/underscore检查一个对象是否包含来自另一个对象的所有键/值
这可能是一个简单的问题,但我无法从lodash API文档和Google中找到答案.
我们假设我有一个像这样的对象:
var obj = {
code: 2,
persistence: true
}
我想要一个函数,我可以传递一个键/值对,如果键存在于我的对象中并且具有指定的值,则返回true:
_.XXXX(obj, {code: 2}); //true
_.XXXX(obj, {code: 3}); //false
_.XXXX(obj, {code: 2, persistence: false}); //false
_.XXXX(obj, {code: 2, persistence: true}); //true
这在某种程度上where()只适用于一个对象.
6
推荐指数
推荐指数
2
解决办法
解决办法
1万
查看次数
查看次数
仅在查看页面时运行Javascript Ajax调用
我有一个在控制器上运行的Web应用程序(几乎没有限制的处理,内存和网络带宽).该页面基本上是一个充满LED的简单HTML文件,应该按间隔更新.在每个时间间隔,Javascript向服务器发送Ajax请求,并根据回复更新所有LED.现在这个工作正常!
问题是当用户打开其中一个页面并开始浏览其他内容时.出于安全性和经济原因,我们不希望在客户端未看到此页面时更新页面.这是算法:
我开发了这个小测试代码,看看页面事件是如何工作的(参见jsFiddle上的直播):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript">
function m(msg){
document.getElementById("logplace").innerHTML+=msg+"<br/>";
}
</script>
</head>
<body onblur="m('Blur')" onerror="m('Error')" onfocus="m('Focus')" onload="m('Load')" onresize="m('Resize')" onunload="m('Unload')">
<span id="logplace"></span>
</body>
</html>
我需要页面才能在用户当前正在查看时才更新.我搜索了Stackoverflow,以下线程似乎不是答案:
PS.JQuery也存在于服务器上.但如果有一种更简单的方法,我宁愿不使用JQuery.
5
推荐指数
推荐指数
1
解决办法
解决办法
2295
查看次数
查看次数
在 mousemove() 事件处理程序中按下了哪个鼠标键？
我使用 JQuery 1.7 来处理事件。
function objToStr(obj) {
return ...string representation of the object
}
$slider.mousedown(function(e) {
console.log("$slider.mousedown:\n" + objToStr(e) );
});
$slider.mousemove( function(e) {
console.log("$slider.mousemove:\n" + objToStr(e) );
});
这是结果：
$slider.mousedown:
altKey = false
attrChange = undefined
attrName = undefined
bubbles = true
button = 0
buttons = undefined
cancelable = true
clientX = 319
clientY = 13
ctrlKey = false
currentTarget = object
data = null
delegateTarget = object
eventPhase = 3
fromElement = undefined
handleObj = object
isDefaultPrevented …5
推荐指数
推荐指数
1
解决办法
解决办法
6733
查看次数
查看次数