草庐IT

titled-border

全部标签

title - 关于 title/alt 属性

我了解title和alt属性的用途,但我只是不了解它们的最佳用途,或者我是否可以使用相同的title/alt不止一次。例如,以一个关于狗的网站为例:根据我的理解,所有img标签都需要一个alt属性:对同一主题的多张图片使用相同的alt属性是好的做法吗?在每个标签中使用title/alt属性是好的做法吗?多次使用同一属性会怎样?例子:DogsDogsDogsDogsDogs我的理解是title属性充当将鼠标悬停在文本上时出现的工具提示。这种事情必须在较新的浏览器中完成,但alt和title曾经在旧浏览器中做同样的事情。这些属性还可以作为搜索引擎识别您的网站的一种方法。

html - title 属性和 tooltip 属性有什么区别?

title属性和tooltip属性有什么区别?我们什么时候应该使用它们? 最佳答案 工具提示和标题都会在鼠标悬停在控件上时显示信息。它们都用于显示工具提示文本。但是它们之间还是有一点区别的。Tooltip用于服务器控件(例如Asp.Net控件),而Title用于HTML控件。 关于html-title属性和tooltip属性有什么区别?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/question

html - 样式表因 <link> 标签上的 TITLE 属性而中断?

这个问题在这里已经有了答案:Whydoesthe‘title’attributecausebrowserstoignoremystyles?(3个答案)关闭上个月。我正在帮助升级非常旧的公司内部网。我们的用户使用IE8和IE9。我们的大多数网站都是为在IE5-IE9中运行而编写的。我们即将让每个人都升级到IE11,并且试点发现了大量的兼容性问题。future几个月将进行大量补救,并明智地使用企业模式、兼容模式、X-UA标签等。但是我遇到了一个没有任何意义的奇怪问题。这似乎是一个错误,但是:它发生在IE11边缘模式、Chrome和Firefox中。我在运行IIS6和IIS7.5的服务器上

HTML/CSS : Vertical border overlapping horizontal border

这是fiddle:http://jsfiddle.net/AV38G/HTMLSomeFoobarStufffoobarraboof184bar87458184874rabooffoobarCSS:/*ACTUALCSS*/table{width:300px;border-collapse:collapse;}trtd.first-column{border-left:none;}tr.first-line{border-bottom:3pxsolidgreen;border-top:none;}tr.first-linetd{border-left:none;}td{border-l

html - border-width 中的 CSS calc()?

我可以使用带边框宽度的calc()吗?我希望以下CSS能够工作:.my-element{border-left-width:calc(10%+10px);border-right-width:calc(10%+20px);}但无论出于何种原因,我提供的任何值calc()结果根本没有边界。我在MDN上找到的文档不清楚是否可以使用calc-它说我应该使用Anyvalue,但这是否包括计算?我的目标是IE9,但我在Chrome34和Firefox28中得到了相同的结果。我知道我总是可以使用jQuery来实现这些事情,但我想尽可能避免它。 最佳答案

html - -webkit-border-radius 不能正确裁剪图像

我有5个浏览器用于呈现html编码的页面:IE9、Firefox4.0和所有最新版本的Chrome、Safari和Opera。现在在IE9和Firefox4.0中使用border-radius:和-moz-border-radius:可以正确裁剪图像,但在Opera、Chrome和Safari中使用-webkit-border-radius:会失败。在Opera中,图像根本没有被裁剪,而在Safari和Chrome中,图像被裁剪了一些,但边框也被裁剪掉了。.nonTyp{margin:15px15px15px15px;border:4pxinset#C1C8DD;border-radi

HTML:阻止子元素继承父元素的 [title] 属性

问题是,当我为“wrapper”元素声明一个title属性时,当光标也落在“content”元素内时,工具提示会出现。我如何防止这种(继承)发生?#content{margin:25px;}(我只希望工具提示显示在“content”和“wrapper”元素的边缘之间,而不是同时显示在两者之间) 最佳答案 我认为这对于纯CSS或HTML是不可能的。破解此问题的一种方法是使用客户端代码..基本的纯JavaScript示例:window.onload=function(){varoDiv=document.getElementById("

javascript - CSS/JavaScript : How to draw minimal border around an inline element?

考虑以下HTML:Thisisapotentiallylargeparagraphoftext,whichmaygetwrappedontoseverallineswhendisplayedinthebrowser.Iwouldliketobeabletodrawaminimalboxroundthespan我想在跨度周围绘制一个最小边框。即:如果span在单行上渲染,border相当于设置了一个css样式的border:1pxsolidblack;如果跨度呈现在多行上,则边框绘制在跨度的最外边缘周围,而不是跨度之间。这相当于在span上设置CSS背景颜色,并在突出显示区域的边缘绘制线

html - 为什么 border-color 不传播到子元素?

我有一个我正在构建的网站,它具有深度嵌套的div,并使用用户可选择的主题。我的问题是......为什么border-color不传播到子元素?我已经在处理DOM样式表了,所以添加一个循环来更新边框颜色不会有什么困难。然而我很好奇为什么标准(Linux中的Firefox和Chrome)边框颜色不从父级继承,而是默认为文本颜色,而边框样式仍然不会默认为纯色?这种行为背后有什么智慧吗?我不是想变得狡猾。我真的很好奇为什么这似乎是“设计使然”。在撰写本文时,我意识到最简单、最灵活的解决方案是将我的元素定义为class="classnameborder",然后更新边框类以反射(reflect)正

html - 您可以将图像分配给 border-right 吗?

我正在用html和css制作一个导航菜单,但我希望每个导航项的右边框是一个图像。我试过了border-right:url(image.jpg);但这没有用。我该怎么做? 最佳答案 您可以使用背景图像,然后将背景图像放置在每个元素的右侧。通常这会出现在a标签或li上。例如:#primaryNava:link{background-image:url('image.jpg');background-position:right;background-repeat:no-repeat;display:block;/*makethelink