設定QListWidget背景色為透明

2021-07-07 09:21:02 字數 2890 閱讀 6223

只要一條指令就可以實現:  

ui->listwidget->setstylesheet("background-color:transparent");

其中background-color設定參考css背景設定如下:

以下摘自:

css 允許應用純色(background-color)作為背景,也允許使用背景影象(background-image)建立相當複雜的效果。css 在這方面的能力遠遠在 html 之上。

一、背景顏色 

可以使用 background-color 屬性為元素設定背景色。這個屬性接受任何合法的顏色值。可以為所有元素設定背景色,這包括 body 一直到 em 和 a 等行內元素。比如下面這條規則把

元素的背景設定為灰色:

p
如果您希望背景色從元素中的文字向外少有延伸,只需增加一些內邊距:

p
background-color 不能繼承,其預設值是 transparent。transparent 有「透明」之意。也就是說,如果乙個元素沒有指定背景色,那麼背景就是透明的,這樣其祖先元素的背景才能可見。

背景顏色的示例:

<

html

>

<

head

>

<

style

type

="text/css"

>

/*設定body的背景色為黃色

*/body

/*設定一級標題的背景顏色為綠色

*/h1

/*設定二級標題的背景顏色為透明

*/h2

/*設定所有段落的背景顏色為粉紅色

*/p

/*設定class屬性值為no2的段落的背景顏色為灰色,並且有20px的內邊矩

*/p.no2

style

>

head

>

<

body

>

<

h1>這是標題 1

h1>

<

h2>這是標題 2

h2>

<

p>這是段落

p>

<

p class

="no2"

>這個段落設定了內邊距。

p>

body

>

html

>

二、背景影象

1.基本語法

要為元素設定背景影象,需要使用 background-image 屬性。background-image 屬性的預設值是 none,表示背景上沒有放置任何影象。如果需要設定乙個背景影象,必須為這個屬性設定乙個 url 值:

body
元素的background-image屬性 也不能繼承。事實上,所有背景屬性都不能繼承。

2.背景影象的應用範圍

大多數背景都應用到 body 元素,不過並不僅限於此。下面例子為乙個段落應用了乙個背景,而不會對文件的其他部分應用背景:

p.flower
甚至可以為行內元素設定背景影象,下面的例子為乙個鏈結設定了背景影象:

a.radio
3.背景影象的重複

如果需要在頁面上對背景影象進行平鋪,可以使用 background-repeat 屬性。background-repeat屬性取值: repeat 導致影象在水平垂直方向上都平鋪,repeat-x 和 repeat-y 分別導致影象只在水平或垂直方向上重複,no-repeat 則不允許影象在任何方向上平鋪。

預設情況下,背景影象將從乙個元素的左上角開始。請看下面的例子:

/*

為body元素設定垂直平鋪的背景影象

*/body

4.背景影象的定位

可以利用 background-position 屬性改變影象在背景中的位置。 為 background-position 屬性提供值有很多方法。首先,可以使用一些關鍵字:top、bottom、left、right 和 center。通常,這些關鍵字會成對出現,不過也不總是這樣。還可以使用長度值,如 100px 或 5cm,最後也可以使用百分數值。不同型別的值對於背景影象的放置稍有差異。下面的例子在 body 元素中將乙個背景影象居中放置:

/*

為body設定沒有平鋪而且居中的背景影象

*/body

5.背景影象關聯

如果文件比較長,那麼當文件向下滾動時,背景影象也會隨之滾動。當文件滾動到超過影象的位置時,影象就會消失。可以通過 background-attachment 屬性防止這種滾動。background-attachment 屬性的預設值是 scroll,也就是說,在預設的情況下,背景會隨文件滾動。可以通過改變這個屬性的值,宣告影象相對於可視區是固定的(fixed),因此不會受到滾動的影響: 

/*

為body設定固定的背景

*/body

三、background簡寫屬性

可以通過background 簡寫屬性在乙個宣告中設定所有的背景屬性。 

可以按順序設定如下屬性:

•background-color

•background-image

•background-repeat

•background-attachment

•background-position 

如果不設定其中的某個值,也不會出問題,比如 background:#ff0000 url('smiley.gif'); 也是允許的。建議使用這個屬性,而不是分別使用單個屬性,因為這個屬性在較老的瀏覽器中能夠得到更好的支援,而且需要鍵入的字母也更少。

/*

通過簡寫屬性,在乙個宣告中設定所有的背景屬性

*/body

from:  

QListWidget 布局方向設定

我們看下官方文件的說明 建立乙個 qlistwidget qlistwidget m list 假如 m list 新增了很多子項 乙個子項由 乙個和一段文字組成 如果設定為 m second list setviewmode qlistview iconmode 那麼m list 子項就會從左到右...

QListwidget設定水平滾動條和豎直滾動條

參考鏈結 選擇列表形式展示 listwidget file setflow qlistview lefttoright 選擇從左到右的方式拖動 listwidget file setverticalscrollbarpolicy qt scrollbaralwaysoff 遮蔽垂直滾動條 選擇列表形...

css背景設定

顏色表示方法 background 1 red 英文單詞 2 ff0000 16進製制 3 rgb 255,0,0 3元色 4 rgb 100 0 0 百分比 背景起始位置 background origin padding box border box content box 邊框起始 內邊距起始...