标签: xhtml

忽略叠加图像上的鼠标交互

我有一个带有悬停效果的菜单栏,现在我想在其中一个菜单项上放置一个带圆圈和"一手拉"文字的透明图像.如果我使用绝对定位将叠加图像放在菜单项上方,则用户将无法单击该按钮,并且悬停效果将不起作用.

有没有办法以某种方式禁用与此叠加图像的鼠标交互,以便菜单将继续像以前一样工作,即使它在图像下面?

编辑:

因为菜单是用joomla生成的,所以我无法调整其中一个菜单项.即使我可以,我也不觉得javascript解决方案是合适的.所以最后我用菜单项元素外面的箭头"标记"了菜单项.不像我想要的那样好,但无论如何它都成功了.

html javascript css xhtml javascript-events

86
推荐指数
1
解决办法
7万
查看次数

查看生成的网页来源的最佳方式?

我正在寻找一种工具,它将为我提供正确的生成源,包括由AJAX请求输入到W3验证器的DOM更改.我尝试了以下方法:

  1. Web Developer Toolbar - 根据doc-type生成无效的源(例如,它删除了标签的自关闭部分).丢失页面的doctype部分.
  2. Firebug - 修复源中的潜在缺陷(例如未封闭的标签).还丢失标签的doctype部分并注入本身无效的HTML控制台.
  3. IE Developer Toolbar - 根据doc-type生成无效的源(例如,它使所有标签都是大写的,针对XHTML规范).
  4. 突出显示+查看选择源 - 经常难以获得整个页面,也不包括doc-type.

是否有任何程序或附加组件可以为我提供源的确切当前版本,而无需以某种方式修复或更改它?到目前为止,Firebug似乎是最好的,但我担心它可能会解决我的一些错误.

事实证明,Justin解释说,没有确切的解决方案.最好的解决方案似乎是验证Firebug控制台内部的源代码,即使它包含Firebug引起的一些错误.我还要感谢Forgotten Semicolon解释为什么"View Generated Source"与实际来源不匹配.如果我可以标记2个最佳答案,我会的.

html xhtml firebug w3c web-developer-toolbar

83
推荐指数
8
解决办法
10万
查看次数

如何将html单选按钮垂直对齐到它的标签?

我有一个带有单选按钮的表单,它们与标签位于同一行.但是,单选按钮没有与标签垂直对齐,如下面的屏幕截图所示.

单选按钮.

如何将单选按钮与其标签垂直对齐?

编辑:

这是html代码:

<input checked="checked" type="radio" name="user_level" id="rd1" value="1"/>
<label for="rd1">radio 1</label><br/>
<input type="radio" name="user_level" id="rd2" value="2"/>
<label for="rd2">radio 2</label><br/>
<input type="radio" name="user_level" id="rd3" value="3"/>
<label for="rd3">radio 3</label><br/>
Run Code Online (Sandbox Code Playgroud)

和css代码:

label{
    padding:5px;
    color:#222;
    font-family:corbel,sans-serif;
    font-size: 14px;
    margin: 10px;
}
Run Code Online (Sandbox Code Playgroud)

html css forms xhtml radio-button

83
推荐指数
7
解决办法
15万
查看次数

你怎么做div"tabbable"?

我有div元素的按钮,我想制作它们,以便用户可以按下键盘上的Tab键并在它们之间移动.我已经尝试将其文本包装在锚标签中,但它似乎不起作用.

有没有人有办法解决吗?

html css xhtml

82
推荐指数
3
解决办法
4万
查看次数

在<head>中订购元素的最佳做法是什么?

可以按任何顺序使用任何东西?放置<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">之前很重要<title>

这是最常用的,是最好的方法吗?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Title Goes Here</title>
    <link rel="stylesheet" href="http://sstatic.net/so/all.css?v=5912">
    <link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
    $(function() {

        $("#wmd-input").focus();
        $("#title").focus();
        $("#revisions-list").change(function() { window.location = '/posts/1987065/edit/' + $(this).val(); });

    });        
</script>


</head>

<body>
<p>This is my web page</p>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools.js"></script>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

这个网站http://stackoverflow.com没有任何编码和<meta>

我使用一个具有SEO组件的CMS,它<meta>在所有js和css之后为SEO 添加了每个组件.文件.可以在<head>影响文档兼容性和编码中允许的任何顺序放置任何元素吗?

html css xhtml w3c

80
推荐指数
6
解决办法
5万
查看次数

双击时如何停止突出显示div元素

我有一个带背景图像的div元素,我想在双击它时停止在div元素上突出显示.这有什么CSS属性吗?

css tags xhtml highlighting double-click

80
推荐指数
4
解决办法
8万
查看次数

那么,如果自定义HTML属性不是有效的XHTML呢?

我知道这是有些人不同意它们的原因,但它真的重要吗?我认为他们提供的功能,与JavaScript交互以及从服务器存储和发送信息,都超过了验证问题.我错过了什么吗?"无效"HTML的后果是什么?并且自定义DTD不会解决它们吗?

html xhtml unobtrusive-javascript

78
推荐指数
6
解决办法
2万
查看次数

选择属性以XPath中的内容开头的元素

正如标题所说,是否有可能在XPath中选择仅以某个字符串开头的元素,但也许不会以相同的结尾?

例如,有3个锚元素:

<a href="buy.php/onething"></a><a href="buy.php/twothing"></a><a href="sell.php/anotherthing"></a>
Run Code Online (Sandbox Code Playgroud)

我只想获得以'buy.php /'开头的锚元素.我认为以下内容不会起作用,是吗:

getByXPath("//a[@href='buy.php/']")
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?

html java xhtml xpath

78
推荐指数
1
解决办法
5万
查看次数

CSS:悬停一个元素,多个元素的效果?

我正在寻找悬停问题的方法.

<div class="section">

<div class="image"><img src="myImage.jpg" /></div>

<div class="layer">Lorem Ipsum</div>

</div>
Run Code Online (Sandbox Code Playgroud)

现在,两个类(图像和图层)都有边框,两者都有正常和悬停的不同颜色.有没有办法这样做,如果我悬停图层类,层和图像类悬停边框颜色是活跃的?反之亦然?

css xhtml hover

76
推荐指数
4
解决办法
18万
查看次数

如何以编程方式禁用IE兼容模式?

我已经被困在这一段时间了 - 我无法弄清楚为什么网站在两个相同版本的Internet Explorer中呈现不同.半小时前我在IE中遇到了一个兼容模式按钮让我很生气.

禁用兼容模式已解决我的问题.

有没有办法以编程方式禁用它,即从网页?

编辑:

刚刚看过这个博客https://blogs.msdn.com/b/askie/archive/2009/03/23/understanding-compatibility-modes-in-internet-explorer-8.aspx

我会在阅读完文章后发布示例代码

html xhtml internet-explorer-8 internet-explorer-7

75
推荐指数
2
解决办法
7万
查看次数