你是不是刚打开Dreamweaver，兴致勃勃地加个链接，结果一预览，好家伙，点哪都没反应？或者链接是灰的，根本点不动？
别急着骂娘，这坑我踩过，身边做外包的朋友也天天被这问题折磨。很多新手以为DW是“所见即所得”，其实它有时候“得而不得”。今天不扯那些虚头巴脑的理论，直接说怎么解决，全是干货，建议先收藏，不然下次又忘了。
先说个真事。上周有个老客户找我，说他在DW里做的导航栏，链接全失效。我远程一看，好家伙，他在HTML代码里写的是 首页，看着没问题对吧？但在DW的设计视图里，他就是点不开。
原因其实特别低级，但也特别容易中招。
第一，路径写错了，或者是相对路径没搞对。
很多小白喜欢直接复制粘贴别人的代码，或者自己手敲路径。如果你把CSS文件放在根目录，HTML放在子目录，那链接路径就得用 ../ 往回退一级。我有个客户，把图片链接写成 /images/logo.png，结果图片能显示，链接死活跳不过去。为什么？因为链接的相对路径是基于当前文件位置的。
这时候，你千万别在代码里瞎改。DW有个神器叫“绑定面板”或者直接用“资源面板”拖拽图片/链接。你试试从资源面板里，直接把HTML文件拖到链接框里，DW会自动帮你算好相对路径。亲测有效，比手敲靠谱多了。
第二，也是最坑爹的，DW的“设计视图”有时候会骗人。
你在设计视图里看着链接好好的，点一下，没反应。你切换到代码视图，发现代码里根本没有 href 属性，或者 href 里面是空的。这是因为DW在编辑过程中，有时候会把未保存的临时状态当成最终状态。
解决办法很简单：先保存文件（Ctrl+S），然后再预览。对，你没听错，就是先保存。很多新手边改边看，不保存，DW当然不知道你已经改了链接。
第三，CSS样式冲突。
这个比较隐蔽。有时候你加了链接，但是CSS里写了 a { pointer-events: none; } 或者 a { display: none; }，或者父元素有 z-index 层级问题，导致链接被盖住了。你点的时候，点到的其实是上面的透明层，当然没反应。
怎么排查？打开浏览器开发者工具（F12），点击那个链接，看看控制台有没有报错，或者在元素检查器里看看这个 a 标签是不是被其他 div 挡住了。我上次帮一个客户改，折腾了半天，最后发现是导航栏的 li 标签高度设置成了0，导致点击区域失效。
再说说价格。如果你自己搞不定，找外包修这个bug，一般收个50到100块也就差不多了。别信那些收几百块说“重构代码”的，就是个小问题。但如果你网站整体结构混乱，链接到处乱跳，那可能需要重新梳理目录结构，这种报价可能在300到500之间，具体看复杂度。
别被忽悠了，DW虽然老了点，但用来做简单静态页面还是够用的。关键是得懂点HTML基础，别完全依赖可视化界面。
最后给点真心建议：
1. 多用代码视图，少依赖设计视图。
2. 链接路径尽量用相对路径，别用绝对路径，除非是外链。
3. 改完代码，一定要刷新浏览器，有时候缓存会骗你。
如果你还是搞不定，或者网站还有其他乱七八糟的问题，比如图片不显示、CSS不生效，别自己瞎折腾了。找我聊聊，我不一定接小单，但肯定给你指条明路，不让你多花一分冤枉钱。毕竟，建站这行，诚信比技术更重要。
本文关键词：dw做的网站链接不会跳转
