2013-01-16 53 views
0

這裏的外面是我的網頁:http://www.ostmoconstruction.com/portfolio.php右對齊並推款div層

如果我將鼠標懸停在每行的第一個圖像,得到的圖像是div的全尺寸,因此,推動第二可見度以外的圖像。

我想當我將鼠標懸停在第二張圖片上時發生同樣的事情。也許它會將div圖層左側的第一個圖像推出,並只顯示第二個圖像。我嘗試將定位設置爲絕對onhover,並保留:0;這似乎是有效的,但似乎也不穩定,並留下第一張圖片的標題(有時與第二張圖片的標題相沖突)。

任何想法?

+0

我最終解決了這個問題的問題:http://stackoverflow.com/questions/14329533/move-onmouseover-images-to-the-left – Christian

回答

0

我最終使得圖像的位置絕對和相對定位的div層包裹它,然後給了消極左邊緣對齊,然後正確。絕對定位允許我把它帶到左邊,相對定位允許我將其他圖像推到容器div的外面。更多的信息在這裏:Move onmouseover images to the left?

0

我有一個解決方案衝突的標題你可以試試:

p a { 
    background:#FFFFFF; 
    } 
+0

這是我最終的方向去。我把背景截圖放在標題後面,但是爲了讓這個小插件擺脫這麼多的動作,我必須把一個非常長的(到右側)背景(與頁面背景),但是這會將標題強制到圖片的右側(圖像的新中心),因此爲了恢復它,我必須將它放在一個範圍內並給它一個負的左邊距。正如你可以看到如果你回到那個頁面,當更大的圖像可見時,這會使標題偏離中心。 – Christian

+0

不完美,但有效 - 如果有人有更好的解決方案,我很樂意聽到它。 – Christian

+0

希望所有這些都有道理 – Christian