Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/wpf/12.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 将div转换为链接_Html_Css - Fatal编程技术网

Html 将div转换为链接

Html 将div转换为链接,html,css,Html,Css,我在谷歌上搜索了如何将div转换为链接,但似乎有很多技术,没有一种技术在IE中运行良好 将div转换为链接的最佳/最简单的技术是什么 你说的“链接”是什么意思?您可以这样做: #mydiv { color: #00f; cursor: pointer; } #mydiv:hover { color: #f0f; } “链接”是什么意思?您可以这样做: #mydiv { color: #00f; cursor: pointer; } #mydiv:hover { colo

我在谷歌上搜索了如何将div转换为链接,但似乎有很多技术,没有一种技术在IE中运行良好

将div转换为链接的最佳/最简单的技术是什么

你说的“链接”是什么意思?您可以这样做:

#mydiv {
  color: #00f;
  cursor: pointer;
}
#mydiv:hover {
  color: #f0f;
}
“链接”是什么意思?您可以这样做:

#mydiv {
  color: #00f;
  cursor: pointer;
}
#mydiv:hover {
  color: #f0f;
}
或者你是说这个

<div onClick="window.location = 'http://www.cannonade.net';">blah</div>
废话
还是你的意思

<div onClick="window.location = 'http://www.cannonade.net';">blah</div>
废话

原始JavaScript:

<div onclick="alert('You clicked me !')">Click Me</div>
$('#div_id').click(function(){
  alert('Clicked !!');
});
$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

上面的代码用
return false
取消链接(转到链接)的默认操作,并用class
myBox
click
事件绑定到div,然后在div和窗口中找到链接的
src
属性。location用于将页面重定向到div中链接的
src
属性。因此这基本上使div可以单击。

原始JavaScript:

<div onclick="alert('You clicked me !')">Click Me</div>
$('#div_id').click(function(){
  alert('Clicked !!');
});
$(".myBox").click(function(){
     window.location=$(this).find("a").attr("href");
     return false;
});

<div class="myBox">
     blah blah blah.
    <a href="http://google.com">link</a>
</div>

上面的代码用
return false
取消链接(转到链接)的默认操作,并用class
myBox
click
事件绑定到div,然后在div和窗口中找到链接的
src
属性。location用于将页面重定向到div中链接的
src
属性。因此这基本上使div可以单击。

为什么不使用锚定标记并将其显示为块元素

a { 
   display: block; 
   //remaining code here
}

为什么不使用定位标记并将其显示为块元素

a { 
   display: block; 
   //remaining code here
}

首先使用链接如何?与其将DIV转换为链接,为什么不将链接转换为块级元素
A.block{display:block;}
首先使用链接如何?与其将DIV转换为链接,不如将链接转换为块级元素
A.block{display:block;}
我考虑过这一点,但这似乎会给不同浏览器带来麻烦-尤其是IE,这项技术是否有效?我考虑过这一点,但这似乎会给不同的浏览器带来麻烦-尤其是IE,这项技术会验证吗?我需要创建一个用户可以单击并转到单独页面的div。我需要创建一个用户可以单击并转到单独页面的div。