2015-07-05 104 views
0

當您滾動到最後一個div並向上移動時,背景圖像被切割在頂部。這隻發生在Chrome中,並沒有在Firefox等發生。我已經搜索堆棧溢出和其他網站的解決方案,因爲它是一個已知和舊的錯誤。我能找到的解決方案並不適用於我的設計,我希望保持完整。Chrome背景圖像被剪切

由於我在可滾動div和畫布上使用的對角線css3,觸發了該錯誤。當我在可滾動的div中使用時,我會遇到這個問題。

URL頁面http://goo.gl/tbQ5Rm

如果有人有過同樣的問題,並固定它。請讓我知道:)

在這裏你可以看到這個問題

Screenshot_1_issue_image_cropped

的快照

點擊放大圖片

+0

「cutted」是什麼意思?背景圖像被裁剪?或者它不可見?你可以添加你的bug的截圖,所以很容易理解你想要說的。? – Lucky

+0

圖像被視覺裁剪,但實際上並未真正裁剪。如果你在css中隱藏/顯示背景圖像,它會完全顯示。同樣,當你選擇文字並上去時,你會看到更多的圖像。 添加了一個屏幕截圖,無法通過計算器上傳。 – Socket1

回答

0

在第三<div>元件卸下的z-index,

<div id="section3" class="section pp-section" style="top: 0px;"> 

和具有的z索引作爲4對第一第二<div>元件

<div id="section1" class="section pp-section" style="top: -100%; z-index: 4;"> 

並保持的z-index作爲2爲第二<div>元素

<div id="section2" class="section pp-section" style="top: -100%; z-index: 2;"> 

上面的代碼工作正常,我有我的螢火所做的更改。

+0

感謝您的努力!我將盡快實施並回復你。 – Socket1