Tag: css position
hover时创build一个CSS“path”
我试图用（主要）CSS生成一个'漂亮的'CSS菜单，但也有一些jQuery ： 我的总体思路是： +————————+ | | | | | +—+ | | | | | | |___| | <– Hover this center piece | | | | | | +————————+ +————————+ | _ | | |\ | <– All start moving up to top of screen | \ +—+ | | | | | | […]
CSS绝对中心
最近我遇到了这种方法，用于定位元素水平和垂直的中心。 然而，我无法弄清楚每一个财产正在做什么。 有人能够向我解释什么是设置top:0, bottom:0, left:0, right:0的影响top:0, bottom:0, left:0, right:0 ？ （如果你能够用外行人的名词来解释它，或者提供一个说明性的图像，那将是非常棒的。） 另外，将显示器设置为表格有什么用处？ .absolute-center { position: absolute; display: table; height: auto; width: 500px; margin: auto; top: 0; bottom: 0; right: 0; left: 0; border: solid 1px red; } <p class="absolute-center">What is this sorcery?</p>
iOS 9 Safari：将元素更改为固定位置，而滚动停止时不会绘制
我一直在开发一个网站，并利用相当不错的jQuery Sticky Kit插件。 它通过将position属性切换为fixed并在适当的时候返回来操作。 在桌面上运行得非常顺利，在手机上运行得也很好。 或者至less它曾经。 iOS 9带有一个新的行为：如果元素的position从static / relative / absolute变为fixed而滚动animation正在进行，元素在滚动停止之前变为不可见。 奇怪的是，相反的变化（从fixed到其他任何）都没有问题。 一个工作示例可以在插件的主页上find。 黑色导航栏（“示例参考”）应该是粘性的。 最初它static位于页面中间。 当你向下滚动它变得fixed并（在iOS 9）消失，直到滚动停止。 桌面浏览器和iOS 8中的行为是正确的。 我很希望有一个典型的CSS解决方法：强制3D变换，禁用背面可见性等，掩盖专有属性，…但似乎没有任何工作。 现在我们要完全忘记“粘性”元素吗？
在jQuery中，如何设置元素的“顶部，左侧”属性相对于父级而不是文档的位置值？
.offset([coordinates])方法设置元素的坐标，但仅相对于文档。 那我怎么能设置一个元素的坐标，但相对于父项？ 我发现.position()方法只获取相对于父对象的“顶”，“左”值，但是它没有设置任何值。 我试着用 $("#mydiv").css({top: 200, left: 200}); 但不起作用。
设置Google地图容器DIV的宽度和高度100％
我加载了Google Maps API v3并以div格式打印Google地图。 但是，当宽度和高度设置为100％，自动我看不到地图。 这里是HTML代码片段。 <!– Maps Container –> <div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div> 有没有办法解决这个问题？
移动Safari浏览器的bug在固定定位button后scrollTop编程更改…？
我只是做了一个网页，但有一个错误在移动Safari（iPhone和iPad的iOS 5.0.1）与两个button，固定在右上angular和右下angular.. 这些button不会淡入，直到点击提交文本框后，打开到页面的其余部分…在页面的其余部分加载后，button淡入，你可以点击任一个，他们都工作… 但是，单击它们会导致程序化滚动，在滚动完成之后，不能再单击任一个button，直到用手指滚动页面，即使只是一个小小的像素滚动条。 我注意到的是，在编程滚动之后，如果轻按TOPbutton的下方，就会看到突出显示，就像在点击BOTTOMbutton并处理底部button的操作，这就告诉我这个错误是滚动以编程方式，固定位置button仍然与页面的其余部分一起移动，不会回到它的固定位置，直到执行实际的触摸滚动。 有没有人知道这个方法？ 我已经添加了一个popup窗口，显示哪个button被按下，所以你可以testing它，记住第一次按下button（工作）再次按下button，它将无法正常工作，但点击上方button下方和你会看到向下button的动作发生…. http://www.tsdexter.com/ceos 谢谢您的帮助。 托马斯 （如果你能指出我可以向苹果提交一个错误的地方，除非已经有了） 编辑：只要点击任一提交箭头，你不需要input一个工资/薪水它有默认值 编辑2：这是一个更简单的例子来显示相同的问题.. http://www.tsdexter.com/MobileSafariFixedPosBug.html 编辑3：报告给苹果的错误
WPF WebBrowser控件 – 位置：固定滚动时元素跳转（Windows 8）
我们使用WPF WebBrowser控件来显示embedded式页面。 在Windows 8上，我们观察到一个奇怪的CSS元素的跳跃行为：滚动时固定。 在Windows 8（也是FF，Chrome）上的IE10以及Windows 7上的WPF WebBrowser控件中，相同的页面可以正常工作。 有没有人见过这种行为之前，知道跳跃运动的修复？ 与开发机器上的.Net版本4相比，testing机器（Surface with Win 8）上使用的.NET版本4.5是否成为问题？ 开发环境： Windows 7的 Microsoft Visual Studio 2010版本10.0.30319.1 RTMRel Microsoft .NET Framework版本4 testing环境： 表面 Windows 8 Microsoft .NET Framework版本4.5 客户端XAML： <Window x:Class="EmbeddedBrowserTest.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="MainWindow" Height="350" Width="525"> <Grid> <WebBrowser HorizontalAlignment="Stretch" Name="webBrowser" VerticalAlignment="Stretch" Grid.Row="1" /> </Grid> </Window> 演示页面HTML： <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" […]
修复了stream体twitter引导2.0中的侧边栏导航
是否有可能使边栏导航保持始终固定在stream体布局的滚动？
绝对定位graphicsJPanel里面的空白部分阻止JFrame
我试图通过制作一个谜题程序来提高对Java的了解，尤其是Java GUI。 目前，用户select一个图像，它被分割成指定的数量。 这些作品随机抽取到屏幕上，但似乎被其他作品的空白部分覆盖，并不是所有作品都显示出来，但是我可以打印出所有的坐标。 我正在使用绝对定位，因为LayoutManager似乎没有工作。 我简单地尝试了layeredPanes，但他们混淆了我，似乎没有解决问题。 我真的很感谢一些帮助。 这里有两个相关的类： import javax.swing.*; import java.awt.*; import java.awt.image.*; import java.awt.event.*; public class PuzzlePieceDriver extends JFrame { private static Dimension SCREENSIZE = Toolkit.getDefaultToolkit().getScreenSize(); private static final int HEIGHT = SCREENSIZE.height; private static final int WIDTH = SCREENSIZE.width; public static int MY_WIDTH; public static int MY_HEIGHT; private static BufferedImage image; private […]
了解z-index堆叠顺序
我有点困惑于使用z-index来决定堆栈顺序。 我不太了解浏览器如何将元素的position属性与没有它的元素相关联。 是否有一个通用的规则来决定元素的堆栈顺序是否已经明确地定位元素？ 不同情况下的例子，赞赏。 一般来说： 混合兄弟<div> s与位置设置和没有位置设置。 嵌套<div>与位置设置和位置设置的兄弟<div> s混合。
