无法在 Web 服务器上启动调试。远程服务器返回错误:(503) 服务器不可用

当我尝试在 Amazon Workspace 上的 VS2015 上调试解决方案时,出现此错误。 我在 Windows 10 和 .NET 4.6.2 上使用 IIS 10.0.19041.1 在 IIS 中的应用程序池下,我使用 DefaultAppPool

回答 1 投票 0

带有幻灯片动画的按钮上的边框出血

问题 我正在尝试创建一个带有滑动动画的按钮。该按钮有一个 border-radius 并使用伪元素来实现效果。 这是标记: 问题 我正在尝试创建一个带有滑动动画的按钮。该按钮有一个border-radius,并使用伪元素来实现效果。 这是标记: <div role="button" class="is-style-rt-primary-accent-button"> <a class="rt-button__link" data-text="HELLO WORLD" href="#" target="_self" rel="noopener"> HELLO WORLD <div class="rt-button"> <div class="rt-button__circle"> <div class="rt-button__arrow"> <span class="rt-button__line"></span> <span class="rt-button__pointer"></span> </div> </div> </div> </a> </div> 以下是款式: .is-style-rt-primary-accent-button { .rt-button__link { display: inline-flex; align-items: center; justify-content: flex-end; background: none; font-weight: 700; padding: 14px 31px; position: relative; font-size: 14px; line-height: 28px; overflow: hidden; transition: 0.3s ease-in-out; text-transform: uppercase; border-radius: 64px; z-index: 1; color: var(--wp--preset--color--accent-1); text-decoration: none; &::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; border-radius: 64px; background: var(--wp--preset--color--accent-6); transition: 0.3s ease-in-out; z-index: -2; } &::before { content: ""; position: absolute; bottom: 0; left: -100%; width: 100%; height: 100%; border-radius: 64px; background: var(--wp--preset--color--secondary); transition: 0.3s ease-in-out; z-index: -1; } &:hover { color: var(--wp--preset--color--accent-6); .rt-button__line { background: var(--wp--preset--color--accent-6); } .rt-button__pointer { border-left: 0.3125rem solid var(--wp--preset--color--accent-6); } .rt-button__arrow { transform: translateX(10px); } &::before { transform: translateX(100%); } } } .rt-button__circle { @media screen and (max-width: 768px) { background: none; } } .rt-button__arrow { display: flex; align-items: center; margin-left: 1rem; transition: transform 0.3s ease-in-out; } .rt-button__line { display: inline-block; width: 0.625rem; height: 0.125rem; vertical-align: middle; background: var(--wp--preset--color--accent-1); } .rt-button__pointer { width: 0; height: 0; border-top: 0.3125rem solid transparent; border-bottom: 0.3125rem solid transparent; border-left: 0.3125rem solid var(--wp--preset--color--accent-1); } } 这是动画速度减慢至 25% 的问题的记录。请注意,在 X 边界处有出血。 我尝试过的事情 我尝试过使用 z-index 和边框。血还在持续。 使用 div 而不是伪元素来处理背景动画。 使用box-shadow,但由于动画不同,我没有进一步追求该选项。 悬停时缩放前景(黑色层)。 这是 CSS 的一个常见错误,每当将两个带有 background-color 和相同 border-radius 的元素堆叠在一起时,不幸的是,我还没有看到任何明确的方法来解决这个问题(尽管有一些技巧)我已经看到了解决方案的方法)。 Stack Overflow 上针对同一问题有许多不同的迭代。我希望 background-clip 最终能够解决这个问题(或者也许我们可以让浏览器开箱即用),但是 caniuse.com 特别列出了 background-clip 有关堆叠行为的错误。 幸运的是,您的用例使事情变得更加容易,因为背景颜色与按钮颜色相同,因此您不需要在具有边框半径的同一元素上使用隐藏的溢出。一点技巧让我们像素不完美的怪物看起来很优雅。 这是实现了我的解决方案的代码的最小可重现版本: body { background-color:rgb(22, 22, 22); padding: 100px; } .btn { position: relative; display: flex; justify-content: center; align-items: center; background-color: white; color: rgb(234, 60, 161); text-decoration: none; width: 200px; height: 50px; border-radius: 999px; } .cover-element { position: absolute; background-color:rgb(22, 22, 22); width: 206px; height: 50px; border-radius: 999px; top: 0; left: -240px; transition: all .5s; } .btn:hover > .cover-element { left: -3px; } <div style="width: 200px; height: 50px; overflow: hidden;"> <a href="#" class="btn"> HELLO WORLD <div class="cover-element "></div> </a> </div> 它的工作原理是使伪元素每侧宽 3px,并使用溢出:隐藏外部 div。如果您更改主体的背景颜色,您会看到魔法消失,并意识到这仅适用于您的特定用例。 我没有在解决方案中包含额外的元素,但您应该能够按原样实现它。

回答 1 投票 0

如何使用媒体查询消除小屏幕上的边框半径?

我一直在尝试为每种屏幕尺寸设计我的网站,我想做的是当屏幕尺寸小于 375px 时消除我的 img 的边框半径。我已经尝试过 css media at-rule...

回答 1 投票 0

R:stat_密度2d改变密度表面的颜色?

我使用此示例在 R 中创建热图: https://www.sharpsightlabs.com/blog/how-to-create-a-crime-heatmap-in-r/ ggmap(map_sf) + stat_密度2d(数据= sf_crime,aes(x = lon,y = lat,填充...

回答 1 投票 0

在 BTP Launchpad 中调用服务时出现 HTTP 403 Forbidden 错误?

我正在尝试通过云连接器和 BTP 中的目的地调用后端服务。从 Business Application Studio (BAS) 运行时调用成功,但在部署到 CF 并从

回答 1 投票 0

SHOpenFolderAndSelectItems Win32 API 不适用于 Go,但适用于 C#

我正在尝试打开一个 Windows 资源管理器窗口,其中选择了特定文件夹中的指定项目。 我尝试使用 SHOpenFolderAndSelectItems Win32 API 和 C# 来实现该程序。遵循

回答 1 投票 0

远程端意外挂起并写入对象:0% (1/23640040)

我正在尝试远程推送,到目前为止一切正常,但它开始抛出错误 压缩对象:100% (3749063/3749063),完成。 写入对象:0% (1/23640040) 写入失败:管道损坏

git
回答 1 投票 0

ABAP OO 接口中的默认/静态方法实现?

在Java中,从JDK 8开始,可以在接口中定义方法的默认实现,并在方法签名的开头使用default关键字,主要是为了能够添加...

回答 1 投票 0

如何判断我是否在本地主机nodejs上?

当我使用nodejs时,如何判断我是否在本地主机? 是否有一些我可以使用的属性可以告诉我我所在的域? 我想做这样的事情: var url = "remotedomain.com&quo...

回答 1 投票 0

如何提取SAP-PASSPORT并将其发送到JMeter中的新请求?

有什么方法可以将 SAP-PASSPORT 传递或存储到 JMeter 中的下一个请求吗? 目前,它作为请求的 HTTP 标头 (SAP Fiori)(已编辑)下的 Referrer 出现。 注意:我正在准备脚本来执行

回答 1 投票 0

从 CSV 文件填充两个数组,每行包含两个用分号分隔的单词

如何修复从 CSV 文件填充两个单独数组的代码,其中包含用 C 语言分号分隔的单词? 我的 CSV 文件看起来像这样: 遇见/相遇;开始 到车...

回答 1 投票 0

构建具有形状和步幅的 std::vector 的基于 xtensor 的适配器需要什么?

我正在构建 xtensor 示例“嵌入形状和步幅的结构”,将其用于具有自己的标头信息的图像类。我已经做到了这一点: #包括...

回答 1 投票 0

如何将函数内的参数传递给 ggplot stat_summary 函数

我正在尝试在函数中创建多面箱线图,以对患者数据进行暴露反应分析。该图按类别划分,y 轴为曝光度,分类为

回答 1 投票 0

Magento SOAP API 与 iPhone 应用程序

我想在我的iPhone应用程序中使用magentosoapapi来实现登录用户、获取产品、购买产品等功能。 我检查了这个链接 Magento SOAP API,那里有一些 php 的示例。可以吗...

回答 1 投票 0

Java ~version 抛出找不到主类的错误 ~version

Java - 版本工作正常,该版本已安装,但 java ~version 无法工作。然后我尝试通过 jmeter 录制脚本,但脚本没有在 jmx 中录制。 jmx 下载选项...

回答 1 投票 0

绘制行星位置随时间的函数

我一直在尝试模拟围绕太阳运动的行星和小行星,我发现了这个链接: 如何在已绘制的椭圆上绘制行星轨道随时间的变化? 一个...

回答 1 投票 0

提供的参数无效:Java 服务器启动失败

我最爱的人你好! 我收到了一台装有 Windows 11 的新笔记本电脑。我已经安装了 Crystal 2016 (SP09),安装了 JDK,并完成了所有安装。这些与 tomcat 服务上的版本相同...

回答 1 投票 0

高效的 GraphQL 查询可通过 GitHub 的 v4 API 检索存储库中的所有提交?

我正在尝试为 GitHub 的 v4 GraphQL API 构建 GraphQL 查询,以检索给定存储库中的所有提交(无论分支如何)。 以 github/training-kit 存储库为例,我

回答 1 投票 0

Vault - 如何通过 API 请求获取机密列表

我是 hashicropVault 服务器的新手。我需要一些有关用法的一般信息。 我创建了名为 test 的 KV 引擎。 我想列出 api 请求在此范围内定义的所有机密。 保险库 kv 列表测试...

回答 3 投票 0

Dotnet 中的作业调度程序 [已关闭]

我需要关于使用以下技术堆栈为我们自己的作业调度程序创建 POC 的工具的想法或建议,这应该将本地 AutoSys 替换为基于云的解决方案。 技术堆栈: 有角度...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.