Dr. Strangeswitcher 文章
2005年6月1日 星期三 (下午3:29 GMT)
我(以及一个小例子)写的一篇名为《Dr. Strangeswitcher,或者:我如何学会停止写脚本而拥抱 CSS》的文章,解释了如何创建一个纯 CSS 的样式切换器。
正如一位好朋友所说,这是一种“奇思妙想”。
如果您对这篇文章有任何评论,可以在这里发表。
评论
评论2
很棒,但您如何用 CSS 设置 cookie 呢?
这绝对是个绝妙的主意,Patrick!想法正在酝酿中!感谢分享。
John Oxton 于 2005年6月1日 星期三 下午4:50 GMT 说道。 John Oxton
评论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 说道。
评论7
哦,而且因为它只在好的浏览器中起作用,您不能使用
element:before { content: 'link' }
来制作样式切换器吗?
SteveC 于 2005年6月3日 星期五 晚上8:14 GMT 说道。
评论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
评论12
有人尝试过将这个技巧与“display”选项一起使用吗?我试图用它来打开/关闭我页面上的某些元素,但它似乎与 display 功能不兼容。
Santiago 于 2005年10月28日 星期五 下午5:05 GMT 说道。 Santiago
评论14
今天之后,我至少会同意任何说它在处理图片方面确实存在一些问题的人。1.3 (v312) 在定位(讽刺的是)核弹爆炸图像时崩溃,将其左下角放在了其容器框的底部中心。(顺便说一句 - 这是我一段时间以来见过的演示页面最好的设计!)
Dimon 于 2005年12月28日 星期三 下午4:56 GMT 说道。 Dimon
另请参阅
- 下一页: 多个 CSS 背景图片
- 上一页: 链接标题,没意思

评论1
您好!
这是一个不错的技巧,但既然您仍然需要脚本,为什么不写一行 Javascript 来为所有浏览器实现相同的技巧呢?
我通常采用的方法是:document.body.className = "alt1"
然后在样式表中创建一个部分:
body a {
}
body.alt1 a {
}
等等。
您怎么看?
Arjen Geerse 于 2005年6月1日 星期三 下午3:53 GMT 说道。