gpt4 book ai didi

javascript - 如何在 iframe 上实现圆 Angular

转载 作者:行者123 更新时间:2023-12-02 18:50:55 25 4
gpt4 key购买 nike

在任何人链接到它之前,这是我试图遵循的示例。

rounded iframe

我确实准确地复制了代码,当我在所有不同的浏览器中加载它时,边缘仍然是方形的。

查看源代码后,我确实注意到了这一行

 .TopLeft, .TopRight, .BottomLeft, .BottomRight {position:absolute;z-index:1000;background-image: url(corners.png);width:20px;height:20px;}

问题是我没有这些 Angular 落图片吗?但是当我尝试检查该元素以便找到“corners.png”时,什么也没有。我真的很困惑。

这是完整的代码

    <!--
Example taken from
http://search.missouristate.edu/map/mobile/examples/corners.htm
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rounded Map Corners - Google Maps Javascript API v3</title>
<style>
html, body {height: 100%; margin: 0;}
#Container {position:relative;width:400px;margin:20px;}
.TopLeft, .TopRight, .BottomLeft, .BottomRight {position:absolute;z-index:1000;background-image: url(corners.png);width:20px;height:20px;}
.TopLeft {left: 0; top: 0;}
.TopRight {right: 0; top: 0; background-position: top right;}
.BottomRight {right: 0; bottom: 0; background-position: bottom right;}
.BottomLeft {left: 0; bottom: 0; background-position: bottom left;}
#map_canvas {width: 400px; height: 400px;}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
function Initialize() {
var MapOptions = {
zoom: 15,
center: new google.maps.LatLng(37.20084, -93.28121),
mapTypeId: google.maps.MapTypeId.ROADMAP,
sensor: false
};
map = new google.maps.Map(document.getElementById("map_canvas"), MapOptions);
}
</script></head><body onload="Initialize()">
<div id="Container">
<div class="TopLeft"></div>
<div class="TopRight"></div>
<div id="map_canvas"></div>
<div class="BottomLeft"></div>
<div class="BottomRight"></div>
</div>
</body></html>

这个例子对其他人有用吗?或者当您复制并粘贴该代码时,您会得到与我相同的结果吗?

这是我的结果屏幕截图的链接。我尝试将代码放入 jsFiddle 但没有成功。

ImageShack Screenshot

最佳答案

为什么你没有得到corners.png。您可以轻松下载here .

关于javascript - 如何在 iframe 上实现圆 Angular ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15840084/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com