不要在“a”标签中添加额外的类。"class='iframe'" 就足够了;然后在“ColorBox”本身决定如何在任何浏览器中打开它之后。
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>Colorbox Examples</title>
<style>
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="../jquery.colorbox.last.js"></script>
<script>
$(document).ready(function () {
$(".iframe").colorbox({
iframe: true,
width: "700px",
height: "700px"
});
});
</script>
</head>
<body>
<p><a class='iframe' href="http://wikipedia.com">Outside Webpage (Iframe)</a></p>
</body>
</html>