您当前位置: 主页 / Dog 博客 / 存档

Dr. Strangeswitcher 文章

2005年6月1日 星期三 (下午3:29 GMT)

我(以及一个小例子)写的一篇名为《Dr. Strangeswitcher,或者:我如何学会停止写脚本而拥抱 CSS》的文章,解释了如何创建一个纯 CSS 的样式切换器。

正如一位好朋友所说,这是一种“奇思妙想”。

如果您对这篇文章有任何评论,可以在这里发表。

评论

评论1

您好!

这是一个不错的技巧,但既然您仍然需要脚本,为什么不写一行 Javascript 来为所有浏览器实现相同的技巧呢?

我通常采用的方法是:document.body.className = "alt1"

然后在样式表中创建一个部分:

body a {
}

body.alt1 a {
}

等等。

您怎么看?

Arjen Geerse 于 2005年6月1日 星期三 下午3:53 GMT 说道。

评论2

很棒,但您如何用 CSS 设置 cookie 呢?

这绝对是个绝妙的主意,Patrick!想法正在酝酿中!感谢分享。

John Oxton 于 2005年6月1日 星期三 下午4:50 GMT 说道。 John Oxton

评论3

所以 Opera 不是“一款体面、现代的浏览器”?呵呵?

您让我打开了 Firefox,但它很有趣。

ghola 于 2005年6月1日 星期三 晚上8:34 GMT 说道。

评论4

非常酷,:target 确实非常强大。我认为我们作为开发者还没有充分利用它。

我曾做过一些 :target 和 display: none 的操作,这样当您通过不同的锚点引导访客到一个联系表单时,主题就已经填写好了。

联系销售,联系客服等

Tom 于 2005年6月1日 星期三 晚上11:17 GMT 说道。 Tom

评论5

嗯,我的链接失效了?

http://www.example.com/contact#sales
http://www.example.com/contact#helpdesk

您明白我的意思。

于 2005年6月1日 星期三 晚上11:17 GMT 说道。

评论6

尝试让这个功能在多个页面上工作可能会有点麻烦,但 Patrick 的想法依然很棒。

SteveC 于 2005年6月2日 星期四 下午4:08 GMT 说道。

评论7

哦,而且因为它只在好的浏览器中起作用,您不能使用
element:before { content: 'link' }
来制作样式切换器吗?

SteveC 于 2005年6月3日 星期五 晚上8:14 GMT 说道。

评论8

文章中的第一个 HTML 示例代码似乎有几个错误,特别是闭合的 a 标签?

Lim Chee Aun 于 2005年6月5日 星期日 凌晨1:44 GMT 说道。 Lim Chee Aun

评论9

啊。该死。它们放错了地方。现在已经修复了。谢谢。

Patrick 于 2005年6月5日 星期日 早上8:35 GMT 说道。 Patrick

评论10

Safari 1.3 不是“一款体面、现代的浏览器”吗?今天之后,我至少会同意任何说它在处理图片方面确实存在一些问题的人。1.3 (v312) 在定位(讽刺的是)核弹爆炸图像时崩溃,将其左下角放在了其容器框的底部中心。(顺便说一句 - 这是我一段时间以来见过的演示页面最好的设计!)

您的《弹性设计》文章 (https://htmldog.cn/articles/elasticdesign/demo/) 也揭示了一个错误。第一张图片不会随字体缩放,而是平铺(并且从左下角而不是通常的左上角开始平铺)。

还有 http://www.alistapart.com/articles/cssdropshadows,其中 1.3 将右侧阴影向右移动了大约 10px,但在文本块示例中效果良好。

我今天偶然发现了这三个错误。我想也许我应该切换到 FF 作为我的主要浏览器...

Paul 于 2005年6月6日 星期一 晚上11:33 GMT 说道。 Paul

评论11

非常有趣的文章。我喜欢这个。

Carter 于 2005年8月12日 星期五 上午11:47 GMT 说道。

评论12

有人尝试过将这个技巧与“display”选项一起使用吗?我试图用它来打开/关闭我页面上的某些元素,但它似乎与 display 功能不兼容。

Santiago 于 2005年10月28日 星期五 下午5:05 GMT 说道。 Santiago

评论13

很棒的文章,我认为您和 Strangelove 做得非常出色。

Jessica 于 2005年11月17日 星期四 凌晨6:06 GMT 说道。 Jessica

评论14

今天之后,我至少会同意任何说它在处理图片方面确实存在一些问题的人。1.3 (v312) 在定位(讽刺的是)核弹爆炸图像时崩溃,将其左下角放在了其容器框的底部中心。(顺便说一句 - 这是我一段时间以来见过的演示页面最好的设计!)

Dimon 于 2005年12月28日 星期三 下午4:56 GMT 说道。 Dimon

另请参阅

^ 顶部

SiteGround: Fast, reliable, recommended hosting.