如何移除OpenSeaDragon图像平移时产生的虚线边框？

我之前也碰到过这个一模一样的问题！你遇到的这条虚线压根不是容器的边框，而是OpenSeadragon默认开启的视口轮廓提示线——它原本是用来标识当前视图边界的，但确实会在平移时显得很烦人。你之前修改.openseadragon-container的样式没用，是因为这个虚线和容器边框完全是两个东西。

试试下面这两个解决方案，按顺序尝试就行：

方案1：初始化时直接关闭视口轮廓线 #

这是最直接有效的方法，在OpenSeadragon的配置项里添加drawOutline: false，直接禁用这个默认的虚线效果：

var newURL='...link to picture...'; 
var viewer = OpenSeadragon({ 
    id: "id_forPic", 
    zoomInButton: "cs_zoomin", 
    zoomOutButton: "cs_zoomout", 
    homeButton: "cs_reset", 
    fullPageButton: "cs_fullpage", 
    defaultZoomLevel:1, 
    drawOutline: false, // 关键配置：关闭视口虚线轮廓
    tileSources: {url:newURL,type:'image'} 
});

方案2：移除瓦片边框（方案1无效时尝试） #

如果上面的方法没解决问题，那可能是图片瓦片的默认边框导致的，添加以下CSS代码覆盖默认样式：

.openseadragon-tile {
    border: none !important;
}

这两个方法基本能解决绝大多数平移时出现虚线的情况，优先试方案1，因为这是OpenSeadragon自带的默认特性，也是最常见的诱因。

内容的提问来源于stack exchange，提问作者gordon613