background-size

    1熱度

    2回答

    我經常使用background images在圓角正方形內顯示圖標。有時爲了響應的目的,我需要縮小廣場和圖標的大小。 但是,當我有幾個圖標顯示爲不同尺寸的background images,並且我想顯示所有圖標,例如70%的原始尺寸時,我不能只設置一個background-size: 70%,因爲這意味着平方的70% ,而我想要的是70%的background image自己的大小。 任何方式來實

    0熱度

    1回答

    我正在構建一個Wordpress網站。在主頁上,我試圖定位一個球,而不會影響滑塊下的其他div,主題製作者給出了相同的類名。我想要做的是把球放小,放在寫作之下。主題不允許我爲該圖像分配一個類。這是我嘗試過的,但它影響了該行中的其他圖像。請有人幫助我嗎?我想我可能能夠使用第一個孩子,但不知道。謝謝! .cg-strip .cg-strip-bg { background-size: co

    0熱度

    1回答

    當調整頁面的寬度大小時,我只希望當徽標任何一側都沒有剩餘空間時開始包含徽標,因此在此時調整爲頁面的寬度。一定很容易!在小提琴的例子似乎像我想要的行爲,但不與我自己的代碼它包含背景大小(標誌)的時間。 我希望徽標中心頁面具有一種尺寸,並在頁面寬度達到徽標的兩端時調整尺寸。希望你能理解我的英語。 這裏:fiddle #logo { display: block; background: url("

    0熱度

    2回答

    我有一個背景圖像的div是未知的大小。它可以是16px高,它可以是1600px,以及其間的任何東西。那裏有一個大約440px寬和250px高的背景圖片。 當div高於250像素時,背景圖像不會縮放。這是理想的行爲。到現在爲止還挺好。 如果div的高度低於250像素,則剪切背景圖像。這是不需要的:我希望它能夠縮放到div的較小高度。 如何使用css(或者,如果不可能的話,js)在不適合其div的情況

    2熱度

    2回答

    我在嘗試製作流暢的HTML頁面時遇到了問題。 (我想考慮不同大小的分辨率,所以我正在處理寬度爲1920px的背景圖像) 所以我想製作一對堆疊的div,每個div都有一個通過背景大小調整大小的背景。但是,我注意到我無法獲得100%或包含作爲屬性值,除非我也手動設置div的高度。我可以使用set px或%手動設置它,但我覺得這不是動態設置div高度的最佳方式。 所以我想知道是否有更好的方法來設置div

    0熱度

    3回答

    我使用: body { background:url('../img/wide.jpg') center center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:

    0熱度

    1回答

    我試圖弄清楚製作背景圖像的最佳方法 - 完全響應 - 到目前爲止,我可以找出的最佳方法是使用背景大小:封面,因爲大多數人往往會建議,但與背景-attachment:固定的,以便圖像在屏幕大小調整時按比例縮小,否則它會保留原來的比例並且不會縮放。使用只是背景大小:覆蓋拉伸圖像以填充容器div,但不會自動縮放比例。 但是,我不希望在向下滾動時隱藏圖像部分的固定背景效果並希望它是後臺附件:滾動,但我不能

    0熱度

    1回答

    試圖在表格中使用背景大小封面並且沒有得到我所追求的結果。 參見: http://jsfiddle.net/pp9st63L/1/ .image th { background-size: cover !important; height: 300px; width: auto; } 的數據列(不包括最左列)應該等於寬度,但是列數是可變的。有時3次和其他4次(包括

    9熱度

    2回答

    是否有一種簡單的方法可以通過Javascript或jQuery獲得背景圖像的最終高度和寬度,即使應用了background-size屬性? 我的意思是,我知道我可以獲取背景圖片的URL並將其加載到一個Image對象,然後獲取寬度和高度。但它是源圖像的大小。如果有人用CSS縮放,則尺寸發生變化 如何找到最終尺寸? @edit 它是從標記爲類似的問題不同,因爲它不說怎麼弄的大小以像素爲單位,如果有人改

    5熱度

    3回答

    我正試圖實現最近看到的效果,其中背景圖像放大懸停。我幾乎在這裏用例子:https://jsfiddle.net/qyh6nbwt/,但它似乎很不穩定(你會理解我的意思是懸停在它上面),我在osx上運行最新的chrome版本,還沒有在其他瀏覽器中檢查它。 有沒有辦法讓它更平滑,所以在放大時不會「搖晃」? HTML <div id="example"> test </div> CSS