问题标签 [sliding-doors]

给定以下示例表单代码和 CSS 样式表

形式

css

在 IE8 的兼容模式 (IE6) 下查看此按钮时，该按钮可以正确呈现，但我的文本左侧和右侧出现“空白”空格。超链接正确呈现

当我切换回本机 IE8 模式时，按钮正确呈现，与超链接一样长，但滑动门有轻微错位，右侧部分似乎被分流了 1 个像素

如果我然后删除块对齐并调整填充，它会完美呈现（但不再是超链接）

但是将其切换回IE6模式会使其更加丑陋

我正在尝试使用一个按钮，而不是我的表单的超链接，而是我收到的 CSS 样式，只有超链接在各种 IE 版本之间完美呈现。

为什么按钮上的 IE6 渲染中有多余的空间？回到 IE8 模式时为什么会出现一个像素异常，如何排序？还是无法解决？

在滑动门的 2 个 gif 下方。

I'm looking for a sliding effect like this: http://www.piccante.co/sliding-doors/index.htm

But it's for MooTools and I need a jquery version which has a very nice and smooth motion.

Could you suggest such a plugin?

我已经阅读并尝试了这篇文章（使用 Core Animation 的开门效果）

我在我的应用程序中实现了以下代码：

threeHomeView 是一个 UIImageView。

我的问题是：图像只能通过图像的中间垂直线旋转，但我希望它通过图像的左垂直线旋转。

我有一个最初设计为针对 IE7 的 Web 应用程序。我正在重新调整 CSS 以使应用程序在最新版本的 Chrome 中呈现，而不会破坏 IE7 用户。我已经修复了整个站点中未对齐的滑动门输入框，但是有一页我无法在 IE7 和 Chrome 中对齐滑动门。设置非常简单：

在这种情况下，跨度保持滑动门的左盖，输入保持右盖和主体。我将 span 和 input 都设置为具有相同高度且没有边距或填充的内联块。Chrome 钉住了它，它看起来很棒，但 IE7 将输入渲染为比跨度低 1 个像素，如下所示：

需要更多声誉才能发布图片

如果我在输入中添加 -1px 的上边距，则 IE7 会正确呈现该东西，而 Chrome 会使其未对齐。我已经尝试将此实例与应用程序中在 IE7 和 Chrome 中工作的所有其他滑动门输入进行比较，但我无法终生看到这里有什么不同......

以前有人遇到过这样的问题吗？

我正在为侧边栏中的导航列表创建一个圆角框。我遇到的问题是我创建了一个超长的部分透明图像作为滑动门的底部，但无论我将哪个元素设置为背景 - 它似乎都不想扩展正确覆盖整个列表，当用作标签的背景时，在第一个链接处开始和停止。我提供了以下代码：

CSS：

HTML：

任何人都知道如何让它们彼此相邻，两个图像的圆形侧面都是透明的。

.

这是我的代码，除了ie之外的所有代码都可以完美运行！主动根本不会开火

这是html：

请问有什么想法吗？

我正在使用滑动门效果来显示可变宽度的内容框。效果很好，但问题是制作效果所需的 padding-right 占用了部分内容区域：

http://screencast.com/t/s9dTT1wU

我需要我的内容从图形的左边缘一直到右边缘。我必须支持旧的 IE，所以我不能使用负边距，也不能使用 text-indent 因为我需要内部的完整 HTML 内容，而不仅仅是文本。CSS是：

标记是：

我惊讶地发现没有人讨论推拉门的这个缺点。是否有合理的跨浏览器解决方案？

我有一些看起来像这样的标记：

CSS：

提交按钮的代码由后端生成，我无法更改，但spans和divs是可编辑的，因为它们是模板的一部分。我用简单的图形做了一个简单的例子来更好地展示这个问题：http: //jsfiddle.net/UBS3z/

div 包含滑动门的左侧部分，大约 10 px 宽。span 包含一个要放置在文本左侧的图标。最后我们有提交按钮本身。

问题是，虽然在视觉上看起来不错，但当用户单击左侧滑动门或图像结束的区域时，该按钮不会记录任何单击。这非常糟糕，因为很大一部分按钮无法点击！这通过单击按钮来演示。如果单击已注册，该脚本将记录到控制台。

反正有没有使用CSS使这些区域可点击？我认为这可能可以使用 Javascript 来解决，但我更喜欢 CSS 解决方案。

我正在尝试使用滑动门技术做导航菜单。我的网站是从右到左对齐的。

有人知道如何使它工作，从右到左对齐吗？