首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css全局新窗口打开网页

发布于 2024-11-11 15:44:53
0
15

在网页设计中,经常会涉及到打开新窗口的需求。CSS 全局新窗口设置是指在网页中所有链接都在新窗口中打开。 实现 CSS 全局新窗口打开网页需要改变链接的默认属性,通常我们需要使用 target&quo...

在网页设计中,经常会涉及到打开新窗口的需求。CSS 全局新窗口设置是指在网页中所有链接都在新窗口中打开。

实现 CSS 全局新窗口打开网页需要改变链接的默认属性,通常我们需要使用 target="_blank" 实现新窗口的打开,但是如果网页中有很多链接需要修改,这样一个个手动添加显然会很麻烦。

通过 CSS 全局样式可以很方便地实现全站链接新窗口打开,使用以下代码即可:

a {
    target-new: window;
} 

这样设置后,网页中所有链接都会在新窗口中打开,如需指定特定链接在同一窗口中打开,可以添加 target="_self" 指定链接的打开方式。

值得注意的是,target-new CSS 属性只在一些支持它的浏览器中生效,不支持的浏览器会将其视为普通的 target 属性,所以如果需要更兼容的做法,建议仍然手动添加 target="_blank"。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流