草庐IT

anchor-cms

全部标签

html - 将 anchor 标记样式设置为看起来像提交按钮

我有一个表单,其中有一个“提交”按钮和一个“取消”anchor。HTML是这样的:Cancel我希望两者的外观和行为相同。没什么特别的,只是类似于StackOverflow上“提问”anchor的样子。我可以让两者看起来有些相似,包括边界框、背景颜色和悬停背景颜色,但我无法完全获得高度和垂直对齐方式来相互配合。我会发布我的CSS,但此时它是如此困惑,我认为从头开始可能更容易,让准系统CSS布局正常工作,然后从那里继续。附言我知道我可以使用an而不是anchor并连接onClick事件来进行重定向。在这一点上,使用anchor来解决这个问题几乎是一个原则问题(此外,这里还需要考虑网络蜘蛛

html - 使用 Transition/CSS3 滚动到 anchor

我有一系列使用anchor机制的链接:Section1Section2... Lotsoftext lotsoftext...我正在使用以下CSS:.test{position:relative;margin:0;padding:0;float:left;display:inline-block;margin-top:-100px;/*whateveroffsetthisneedstobe*/}它工作正常。但当然,当我们点击链接时,它会从一个部分跳到下一个部分。所以我想有一个平滑的过渡,使用某种滚动到选定的开始部分。我想我在Stackoverflow上读到这对于CS

html - 如何在 HTML HREF 中组合 anchor 标记和传递的变量?

假设我在不同页面的某处有一个anchor:在我当前所在的页面上,我想将那个anchor移到那个不同的页面上,同时还传递一个GET参数,例如:GoodStuff!这似乎对我不起作用。它加载页面并传递变量但不转到anchor。我已经搜索了有关anchor标记的示例,其中有很多,但没有人谈论跳转到页面中的anchor同时还在URL中传递参数。 最佳答案 书签总是在最后。GoodStuff! 关于html-如何在HTMLHREF中组合anchor标记和传递的变量?,我们在StackOverflo

html - 在不使用 anchor 的情况下创建指向网页顶部的链接

我有一个HTML文档,目前有一些使用anchor指向页面顶部的链接...Gototop但是,我不喜欢需要创建一个无用的ID以及单击链接后“#topofpage”如何显示在URL中。在不使用Javascript的情况下,我还能做些什么来链接到页面顶部?我尝试使用完全删除anchor但这会导致页面刷新。 最佳答案 AccordingtotheHTML5指定空片段#和特殊片段#top将链接到页面顶部。GototopGototop如果您使用这些特殊的片段名称,则无需创建匹配的anchor。 关于

css - 如何增加 anchor 或按钮元素的可点击区域?

我从中学到了post总是使用anchor或按钮元素来制作按钮。现在我正在尝试使用anchor元素。有什么方法可以增加anchor元素的可点击区域吗?假设我在div框中使用anchor。我希望整个div框成为一个按钮。我可以将anchor的点击区域更改为整个div框吗?感谢您的帮助。 最佳答案 要增加文本链接的区域,您可以使用以下css;a{display:inline-block;position:relative;z-index:1;padding:2em;margin:-2em;}Ananchorelement显示:需要内联bl

html - Chrome 渲染问题。体内带有 UL 的固定位置 anchor

GoogleChrome和Opera存在渲染问题(为什么?=)使用此类代码:#content{width:150px;background:gray;}#sidebar{position:fixed;left:200px;background:gray;}Link#1Link#2Link#1TARGETLoremipsumdolorsitamet,consecteturadipisicingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit

html - Angular2,禁用 anchor 元素的正确方法是什么?

我正在开发一个Angular2应用程序,我需要显示--但是disable一个HTML元素。执行此操作的正确方法是什么?已更新请注意*ngFor,这将阻止使用*ngIf的选项并且不渲染完全。{{link.name}}TypeScript组件有一个如下所示的方法:onClick(link:LinkObj){//Dosomethingrelevantwiththeobject...returnfalse;}我实际上需要阻止该元素被点击,而不仅仅是显示它与CSS。我假设我需要潜在地绑定(bind)到[disabled]属性,但这是不正确的,因为anchor元素没有disabled属性(prop

html - 在 anchor 标记内创建 anchor 标记

在我的随机测试中,我看到了将一个anchor标记放在另一个anchor标记内的行为。我做了一个jsfiddle.content​但在开发者工具中它看起来不一样:我相信我们不能将一个anchor标记放在另一个anchor标记内,因为点击内部anchor会将点击事件冒泡到父anchor标记,这是不允许的。我的假设是否正确? 最佳答案 如@j08691所述,嵌套的a元素在HTML语法中是被禁止的。HTML规范没有说明原因;他们只是强调规则。在实践方面,浏览器在其解析规则中有效地强制执行此限制,因此与许多其他问题不同,违反规范是行不通的。解

html - 绝对定位的 anchor 标记(无文本)在 IE 中不可点击

我有两个绝对定位在图像顶部的anchor,链接在其他浏览器(Chrome、FF、Safari)中可点击,但在IE中不可点击(目前已在8和9中测试)奇怪的是,如果我给链接一个background-color它们是可点击的,但是如果background-color设置为transparent(这就是我想要的)它们不再可点击,我也尝试设置zoom:1但没有成功。我猜想IE中的hasLayout位随IE8/9一起消失了,所以猜测zoom现在对于此类问题并不重要。有什么想法可以让这些链接在IE8/9中显示为透明背景?这是我一直在使用的fiddle:jsFiddleexample我有以下HTML布

html - 访问时禁用 anchor 标记的颜色变化

我必须在访问时禁用anchor标记的颜色变化。我这样做了:a:visited{color:gray}(链接在访问前是灰色的。)但这是我在访问链接后明确声明颜色的一种方式,这又是一种颜色变化。如何在不进行任何显式颜色更改的情况下在访问时禁用anchor标记的颜色更改? 最佳答案 如果您只想让anchor颜色与anchor的父元素保持相同,您可以利用继承:a,a:visited,a:hover,a:active{color:inherit;}请注意,无需为每个选择器重复该规则;只需使用逗号分隔的选择器列表(anchor伪元素的顺序很重要