我的HTML文件中有这个:
<a class="wbutton tint" data-tint="rgba(255,0,0,.5)" href="#">This should be red, with an opacity of 0.5</a>
这在CSS文件中:
.window > .content .wbutton.tint {
border: solid thin attr(data-tint, color);
box-shadow: inset 0 0 50px attr(data-tint, color);
}
Firefox在Firebug中返回CSS错误。难道我做错了什么?
按照W3C规范的attr()
功能,它应该工作。
查看规范中给出的语法:
attr( <attr-name> <type-or-unit>? [ , <fallback> ]? )
似乎需要删除属性名称和要使用的单位之间的逗号:
.window > .content .wbutton.tint {
border: solid thin attr(data-tint color);
box-shadow: inset 0 0 50px attr(data-tint color);
}
但是,即使您使用正确的语法,也不会起作用。事实证明,截至 3的级别3版本没有已知的实现attr()
2012年
…
2020年。更糟糕的是,截至最新的规范编辑草案仍存在风险。
但是,并不是所有的东西都丢失了:如果您希望在即将到来的浏览器中实现此功能,仍然有时间在相关的反馈渠道中提出建议!这是到目前为止已经提出的建议:
记录在案,所有主要浏览器的最新版本(包括IE8+和Firefox2+)都完全支持基本的[2.1版],并与content
属性:before
和:after
用于生成内容的伪元素一起使用。MDN浏览器兼容性表仅适用于此版本,而不适用于CSS3版本。
问题内容: 我在使用SWT浏览器组件时遇到了一些麻烦。我正在运行带有Sun的Java SE 1.6的Ubuntu 11.04 AMD64和Eclipse 3.7 我的问题是我的浏览器无法初始化。当我使用SWT.NONE标志实现时,出现错误 然后当我尝试使用SWT.MOZILLA标志时,我得到 我怀疑这部分是因为我正在使用XULRunner2,但是我更喜欢使用WebKit,在Eclipse 3.7中
问题内容: 我尝试使用以下代码将必填字段告知必填字段,但在Safari浏览器中不起作用。码: 上面的代码在firefox中工作。 您可以让我知道JavaScript代码或任何workarround吗? 是javascript新功能 谢谢 问题答案: Safari(自2017年3月26日起最新版本10.1)不支持此属性,您需要使用JavaScript。 该页面包含一个hacky解决方案,该解决方案应
问题内容: 我有一个非常奇怪的问题……在每个浏览器和移动版本中,我都遇到了以下问题: 加载页面时,所有浏览器都有一个顶部菜单(例如,显示地址栏),当您开始滚动页面时,该菜单会向上滑动。 有时 仅在视口的可见部分计算100vh ,因此当浏览器栏向上滑动时100vh会增加(以像素为单位) 由于尺寸已更改,所有布局都会重新绘制和重新调整 对用户体验的不良影响 如何避免这个问题?当我第一次听说viewpo
问题内容: 在我制作的html页面中,我尝试使用html和css使div可点击。在一些主要的浏览器(Chrome,Firefox,Opera,Safari)以及HTC手机中,该功能都可以完美运行,但是当我尝试在Iphone上对其进行测试时,我发现它根本无法正常工作。复选框本身甚至无法选择。 这是我的代码(除了在Iphone上工作): HTML: CSS: 因此,正如您所看到的,我使用的技术基本上只
问题内容: 我尝试在Firefox 15上使用,即使它在其他版本的Firefox和其他浏览器(例如Chrome和Safari)上也无法使用。 当我使用Firefox的检查器查看属性时,将被删除并显示错误“无效的属性值”。MDN和caniuse表示Firefox 4及更高版本支持该功能! 怎么会有时性能喜欢和一些浏览器的工作和在其他无效? 免责声明 :这是所有问题的规范重复,可通过添加供应商前缀来完
问题内容: 我正在编写用于选择产品(颜色等)的脚本,该脚本可在除 Internet Explorer (11)和 Edge 之外的所有浏览器中使用。 我将每个参数的选择放入数组中,并使用方法将函数应用于它们。 color参数的示例: 我在 IE 和 Edge 的控制台中都得到以下输出: 对象不支持属性或方法“ forEach” 搜索该问题后,我了解到IE9和更高版本应支持此功能。我尝试自己定义功能