我有一个像这样的CSS菜单:
<ul>
<li><a>Item1</a></li>
<li><a>Item Two</a></li>
<li><a>Item C</a></li>
<li><a>A Rather Long Menu Item Down Here</a></li>
</ul>
我想创建这个:
|-----------------------------------| | Item1 | |-----------------------------------| | Item Two | |-----------------------------------| | Item C | |-----------------------------------| | A Rather Long Menu Item Down Here | |-----------------------------------|
但是我得到了这个:
-------- | Item1 | |----------- | Item Two | |----------- | Item C | |----------------------------------- | A Rather Long Menu Item Down Here | -----------------------------------
如果我设置[li]或[a]标签来显示:block,它们会拉伸以填充最大可能宽度.我希望它们都具有相同的宽度,这是由最宽的项目动态确定的,而不是手动在[ul]标签上放置宽度.
哦,目标是IE6.:)
width:1px, overflow:visible没用.(获得与没有显示器相同的压扁效果:阻塞的锚点.)
这是针对IE6是目标的内部网,所以我被困在那里.(在其他项目中,我已经不再担心了.)JS是一个要求,所以也许我会用它.(不过我总是讨厌这样做.)
我有一个页面,我从查询字符串中获取一个值并将其添加到cookie中.该值用于页面上的几个不同项目.如果用户返回到页面并且该值不在查询字符串中,则会从cookie中撤回该值.
我尝试在JavaScript中进行自己的cookie设置和检索,现在使用jQuery Cookie插件(http://plugins.jquery.com/project/Cookie).一切都完美无瑕......除非我在IE6中测试它.IE7和8很好,但是当我尝试从cookie中检索它们时,IE6总是为这些项返回一个空值.
我查看了Firefox中的cookie信息,我没有看到超出我设置的2个整数值的任何内容.
关于IE6中可能导致这种情况的任何想法？
更新:我在我的代码之外进行了基本的html测试.下面的标记.在IE6(IETester)中返回null的结果相同.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.js"></script>
<script type="text/javascript" src="Scripts/jquery.cookie.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
var testId = GetQueryStringValue("test");
if (testId == "")
{
testId = $.cookie("test");
alert(testId);
}
else
{
$.cookie("test", testId);
alert("Test set");
}
document.write(testId);
});
function GetQueryStringValue(name)
{
var regex = new RegExp("[?&]" + name + "(?:=([^&]*))?","i");
var tmpURL = window.location.href;
var results = regex.exec( tmpURL );
if (results == null)
{
return "";
}
else
{
return …答案可能不是,但在IE6中,jQuery应用jQueryUI手风琴控制的速度很慢,这意味着在手风琴造型适用之前,手风琴背后的无风格链接可能会显示四分之一秒到半秒.
这是非常分散注意力的,所以我继续隐藏div并让jQuery在加载时取消隐藏它.
结果仍然令人分心,尽管不会分散注意力.你没有在任何现代浏览器中看到效果,只有IE6.
编辑:我已经更新了下面的网站,以便隐藏整个内容div并弹出jQuery.这可能更糟糕.
查看结果:http://tekforge.org/spsu/
在Firefox或任何现代浏览器中,您不会注意到菜单上的弹出效果,但在IE6中您会注意到一个明显的弹出效果.
有没有办法改善手风琴适用的时间,或者这只是一个"IE6很糟糕"的案例.
谢谢!-克里斯
注意:
我正在使用:
$(document).ready(function(){
要在页面顶部启动jQuery.也许还有另一种加速页面的方法？
我目前正在为一个客户开发一个网站,该网站使用JQuery循环插件来浏览一些div,其中包含有关婚纱的图片和信息.
一切都在Firefox中正常工作,但是当我在IE6 + IE7中进行测试时,div都是垂直堆叠在一起的,并且它们在屏幕上向下移动1000个像素.
对我来说,这似乎是绝对/相对定位或z-index的问题,我还在子div中使用了一些浮点数.我也在使用SIFR进行文本替换,这可能会有冲突吗？
这是我的代码,任何人都可以看到一个问题会导致我的循环无法在IE中工作.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Wedding Dresses ~ Cavendish Bridal House</title>
<link rel="stylesheet" type="text/css" media="all" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/text.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/960.css" />
<link rel="stylesheet" type="text/css" media="all" href="css/styles.css" />
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="css/sifr.css" type="text/css" media="screen" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie6.css" />
<![endif]-->
<!--[if lt …那么问题就是自我解释!但问题是我根本没有使用javascript的经验,但在我看来这样做很简单!
哦,改变只会进入css方面nothilg将改为html,顺便说一下这是一个CMS模板(joomla)所以索引是dot-php,应该让它变得简单......我想!
想法是为ie6显示不同的图像集(实际上没有),我会要求人们使用我已经拥有的另一个JS更新到新的浏览器!并展示了FF和IE新版本模板的样子(7,8)
哦,我打算学习PHP和javascript,但首先我必须掌握CSS,没有IE6会很容易,但在这个特殊情况下,模板依赖于png所以,这不是我能够使这项工作均匀与IE7项目和所有!
我在这里完全失败了.我的客户在内部使用IE6,由于某种原因,即使是最简单的jQuery也不起作用.这是不起作用的代码.
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript" src="js/jquery-1.4.2.js" />
<script type="text/javascript">
jQuery(function() {
alert("alert from jQuery");
});
$(document).ready(function() {
alert("alert from doc.ready");
});
</script>
</head>
<body>
</body>
</html>
我知道IE6存在很多问题.我尝试了一些我在互联网上找到的解决方法(比如将脚本放在页面底部,删除类型attr)并且没有骰子.任何帮助将不胜感激.
有谁知道为什么这在IE6中不起作用？:
<noscript>This requires javascript</noscript>
看起来很简单,但与FF不同,IE6在我禁用javascript时不显示它.
这真的令人困惑:(我认为标签应该是兼容的acrosss浏览器？好吧,从标签的W3个人资料页面输入.(http://www.w3schools.com/tags/tag_noscript.asp)
任何帮助都会很棒!Fiton
所以我正在运行jQuery 1.3.2(是的,它已经很久了,现在我无法升级).
问题是我正在尝试放弃对我们内部站点的IE6支持并升级浏览器.我有这张支票
if($.browser.msie && $.browser.version=="6.0") {
// do something...
}
但在测试期间(某些),Firefox用户正在看到这种do something情况而且不应该.以下是我认为可能导致该问题的一些用户代理.
我需要更多的IE6验证吗？
注意:最终用户没有安装附加组件.我认为像IE-Tabs这样的问题可能导致问题,但事实并非如此
更新:
下面的所有回复都引导我这个,仍在测试,但它看起来不错.关于如何改进它的任何问题？
var ie6 = $.browser.msie && parseInt($.browser.version) === 6 && typeof window['XMLHttpRequest'] !== "object";
if(typeof document.body.style.maxHeight === "undefined" && ie6) {
alert('Your browser is IE6');
}
相关问题:
我写了一些将图像嵌入到页面中的JavaScript.
最终结果在所有浏览器(甚至是IE6和7)上都是成功的,但是对于IE6和7,我收到消息"第15行,第5个字符,未找到成员".这是代码:
09: var url = getUrl();
10: url += 'Impression';
11: url += '?' + getParams();
12: var img = new Image();
13: img.src = url;
14: img.style = "display = 'none';";
15: document.body.insertBefore(img, document.body.firstChild);
要么是document.body.insertBefore或document.body.firstChild不是IE6或7完全支持？
javascript css internet-explorer internet-explorer-7 internet-explorer-6
嗨,我已经尝试了2个小时,我在网上找到的一切都无济于事.所以我最后的希望就在这里.您可以访问以下网站查看该网站:http: //webofdreams.ro/vworker/finemaid/finemaid.html# 导航是概述和服务.
HTML:
<div class="contentNav clearfix">
<ul class="clearfix">
<li><a class="show1 navButton" class="left" id="activeLink">Overview</a></li>
<li><a class="show2 navButton" class="right">Services</a></li>
</ul>
</div>
CSS:
.clearfix {clear: both;}
.contentNav {
color: #ddd !important;
font-size: 1.5em;
padding: 0;
margin: 0;
display: block;
text-align: center;
}
.contentNav a {
color: #fff !important;
}
.navButton {
font-size: 18px !important;;
padding: 5px 15px;
background: rgb(122,188,255); /* Old browsers */
}
.contentNav li {
display: inline-block;
}
/*IE specific css*/
.navButton {
zoom: 1;
*display: inline;
} …javascript ×6
css ×5
jquery ×4
html ×3
cookies ×1
cycle ×1
menu ×1
noscript ×1
performance ×1
tags ×1